
<template>
  <div class="gongyingshangshangpin">
    <div v-if="!shoujiban">
      <left></left>
      <div class="right">
        <div
          style="height: 91px; border-bottom: 1px solid rgb(227, 232, 241); width: 100%; padding: 0 30px;"
          class="flexbc"
        >
          <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item :to="{ path: '/' }">商品管理</el-breadcrumb-item>
            <el-breadcrumb-item>在售商品</el-breadcrumb-item>
          </el-breadcrumb>
          <top></top>
        </div>
        <div style=" padding: 37px 30px 0 30px; height: calc(100vh - 91px); overflow: auto;" id="zaishoushangpin" >
          <!-- 1 -->
          <div class="flex">
            <div
              class="flexcc"
              style="cursor: pointer;"
              :class="search.status == 100?'sxjact':'sxj'"
              @click="changestatus(100)"
            >上架中</div>
            <div
              class="flexcc"
              style="cursor: pointer;"
              :class="search.status == 0?'sxjact':'sxj'"
              @click="changestatus(0)"
            >已下架</div>
          </div>
          <!-- 2 -->
          <div class="flexbc" style="margin-top: 40px;" v-if="search.status == 100">
            <div
              style=" width: 300px; height: 100px; background: #fff; border-radius: 20px; padding: 20px;"
            >
              <div style="font-size: 16px; font-weight: 500; margin-bottom: 12px;">我的销售橱窗</div>
              <div class="flexc">
                <div class="flex">
                  <img
                    :src="list[0].image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'"
                    style="width: 30px; height: 30px; border-radius: 15px;"
                    v-if="list.length>0"
                  />
                  <img
                    :src="list[1].image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'"
                    style="width: 30px; height: 30px; border-radius: 15px; position: relative; left: -10px;"
                    v-if="list.length>1"
                  />
                  <img
                    :src="list[2].image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'"
                    style="width: 30px; height: 30px; border-radius: 15px; position: relative; left: -20px;"
                    v-if="list.length>2"
                  />
                </div>
                <div
                  style="color: rgb(0, 90, 255); font-size: 14px; cursor: pointer;"
                  @click="go('/weixiaodian')"
                >当前共{{total - shield_num}}件商品 ></div>
              </div>
            </div>
            <div class="flex">
              <div
                style="max-width: 516px; height: 100px; background: rgb(255, 255, 255);border-radius: 20px;"
                class="flexc"
                @click="copy(wailian)"
              >
                <div style="padding: 0 20px;">
                  <div style="color: rgb(175, 179, 188); margin-bottom: 10px;">{{wailian}}</div>
                  <div style="cursor: pointer;">复制链接</div>
                </div>
              </div>
              <div
                style="width: 100px; height: 100px; background: rgb(255, 255, 255);border-radius: 20px; margin-left: 20px;  cursor: pointer;"
                class="flexcc"
                @click="openw(wailian)"
              >
                <div>
                  <div class="flexcc">
                    <img
                      src="../../../static/img/lianjie.png"
                      style="width: 24px; margin-bottom: 16px;"
                    />
                  </div>
                  <div>打开链接</div>
                </div>
              </div>
              <div
                style="width: 100px; height: 100px; background: rgb(255, 255, 255);border-radius: 20px; margin-left: 20px;  cursor: pointer;"
                class="flexcc"
                @click="creatQrCode(1)"
              >
                <div>
                  <div class="flexcc">
                    <img
                      src="../../../static/img/erweima.png"
                      style="width: 24px; margin-bottom: 16px;"
                    />
                  </div>
                  <div>下载二维码</div>
                </div>
              </div>
              <div
                style="width: 100px; height: 100px; background: rgb(255, 255, 255);border-radius: 20px; margin-left: 20px;  cursor: pointer;"
                class="flexcc"
                @click="peizhikai"
              >
                <div>
                  <div class="flexcc">
                    <img
                      src="../../../static/img/index12.png"
                      style="width: 24px; margin-bottom: 16px;"
                    />
                  </div>
                  <div>下单配置</div>
                </div>
              </div>
              <div
                style="width: 100px; height: 100px; background: rgb(255, 255, 255);border-radius: 20px; margin-left: 20px;  cursor: pointer;"
                class="flexcc"
                @click="Fenleiguanli"
              >
                <div>
                  <div class="flexcc">
                    <img
                      src="../../../static/img/fenleiguanli.png"
                      style="width: 40px;top: -7px;position: relative;"
                    />
                  </div>
                  <div>分类管理</div>
                </div>
              </div>
              <!-- <div style="width: 100px; height: 100px; background: rgb(255, 255, 255);border-radius: 20px; margin-left: 20px; cursor: pointer;" class="flexcc" @click="xiazaiapp()">
                <div>
                  <div class="flexcc"><img src="https://file.91haoka.cn/xiaoluohao/xiaoluohaoapp2.png" style="width: 24px; margin-bottom: 16px;"></div>
                  <div >下载APP</div>
                </div>
              </div>-->
            </div>
          </div>
          <!-- 3 -->
          <div style="padding: 38px 0 19px 0; font-size: 18px; font-weight: 700;" class="flex">
            <div>
              <img
                src="../../../static/img/gongyingshang1.png"
                style="width: 22px; margin-right: 10px;"
              />
            </div>
            <div>供应商检索</div>
          </div>
          <!-- 4 -->
          <div
            style="
              background: rgb(255, 255, 255);
              border-radius: 20px;
              padding: 20px;
            "
            class="flexb"
          >
            <div class="flex">
              <div>
                <div style="margin-bottom: 10px">商品名称</div>
                <div>
                  <el-input
                    v-model="search.title"
                    style="width: 120px; margin-right: 30px"
                    placeholder="请输入"
                  ></el-input>
                </div>
              </div>
              <div>
                <div style="margin-bottom: 10px">商品编码</div>
                <div>
                  <el-input
                    v-model="search.fetch_code"
                    style="width: 120px; margin-right: 30px"
                    placeholder="请输入"
                  ></el-input>
                </div>
              </div>
              <div>
                <div style="margin-bottom: 10px">佣金区间</div>
                <div class="flexc">
                  <div>
                    <el-input
                      v-model="search.c_commission_start"
                      style="width: 120px; margin-right: 10px"
                      placeholder="请输入"
                    ></el-input>
                  </div>
                  <div style="color: rgb(175, 179, 188)">~</div>
                  <div>
                    <el-input
                      v-model="search.c_commission_end"
                      style="
                        width: 120px;
                        margin-left: 10px;
                        margin-right: 30px;
                      "
                      placeholder="请输入"
                    ></el-input>
                  </div>
                </div>
              </div>
              <div>
                <div style="margin-bottom: 10px">卖点</div>
                <div>
                  <el-input
                    v-model="search.selling_point"
                    style="width: 120px; margin-right: 30px"
                    placeholder="请输入"
                  ></el-input>
                </div>
              </div>

              <div style="margin-right: 30px">
                <div style="margin-bottom: 10px">&nbsp;</div>
                <div>
                  <el-button type="primary" round icon="el-icon-search" @click="sousuo">检索</el-button>
                </div>
              </div>
              <div v-if="search.order == 1" style="cursor: pointer" @click="changorder(0)">
                <div style="margin-bottom: 10px">&nbsp;</div>
                <div
                  class="flexc sortBtn"
                  style="line-height: 41px; color: #005aff; font-size: 12px"
                >
                  倒序排列
                  <i class="el-icon-sort" style="margin-left: 10px" ></i>
                </div>
              </div>
              <div v-if="search.order == 0 || search.order == ''" style="cursor: pointer"  @click="changorder(1)">
                <div style="margin-bottom: 10px">&nbsp;</div>
                <div
                  class="flexc sortBtn"
                  style="line-height: 41px; color: #005aff; font-size: 12px"
                >
                  正序排列
                  <i class="el-icon-sort" style="margin-left: 10px"></i>
                </div>
              </div>
            </div>
            <div style="margin-right: 30px">
              <div style="margin-bottom: 10px">自动上架</div>
              <div class="sw">
                <el-switch
                  v-model="autogrounding"
                  @change="gengxinautogrounding"
                  style="width: 85px; height: 41px"
                  active-color="rgb(0, 90, 255);"
                  inactive-color="rgb(246, 248, 251);"
                  :active-value="1"
                  :inactive-value="0"
                ></el-switch>
              </div>
            </div>
          </div>

          <!-- tab -->
          <div class="t_list_tab_box">
            <div class="t_choose_tab_box">
              <div
                @click="choosetabbtn(1)"
                :class="{t_tab_title_lei:nowtab==1}"
                class="t_tab_title"
              >
                <span>全部商品</span>
                <div class="t_under_line" :class="{t_under_line_lei:nowtab==1}"></div>
              </div>
              <div
                @click="choosetabbtn(2)"
                :class="{t_tab_title_lei:nowtab==2}"
                class="t_tab_title"
                style="margin-left: 40px;margin-right: 40px; position: relative;"
              >
                库存不足
                <div class="t_under_line" :class="{t_under_line_lei:nowtab==2}"></div>
              </div>
            </div>
          </div>

          <!-- 5 -->
          <div
            class="flex"
            style="margin-top: 20px; "
            v-loading="loading"
            element-loading-text="拼命加载中"
            element-loading-spinner="el-icon-loading"
            element-loading-background="rgba(0, 0, 0, 0.8)"
          >
            <div
              style="width: 500px; min-height: 335px; padding: 20px; margin-bottom: 20px; background: rgb(255, 255, 255); border-radius: 20px;  margin-right: 15px;"
              v-for="(item,index) in list"
              :key="index"
            >
              <div class="flexbc">
                <div>
                  <!-- <div style="color: rgb(2, 12, 29); font-size: 12px; margin-right: 20px;">{{item.supplier_name}}</div> -->
                  <div
                    style="color: rgb(212, 215, 222); font-size: 12px;display: inline-block"
                  >发布时间: {{item.created_at}}</div>
                  <div
                    v-if="item.status==0&&item.up_down_at"
                    style="display: inline-block;color: rgb(212, 215, 222);font-size: 12px;margin-left: 102px;"
                  >下架时间：{{item.up_down_at}}</div>
                </div>

                <div class="flex">
                  <div
                    v-if="item.settlement_method == 1&&item.status==100"
                    style="background:linear-gradient(#FF00D3, #FF3500); border-radius: 4px; width: 34px; height: 20px; color: rgb(255, 255, 255); font-size: 12px;"
                    class="flexcc"
                  >秒返</div>
                  <div
                    style="background: rgb(254, 61, 61); border-radius: 4px; width: 34px; height: 20px; color: rgb(255, 255, 255); font-size: 12px;margin-left: 10px;"
                    class="flexcc"
                    v-if="item.is_main == 1"
                  >主推</div>
                  <div
                    style="background: rgb(0, 90, 255); border-radius: 4px; width: 34px; height: 20px; color: rgb(255, 255, 255); font-size: 12px; margin-left: 10px;"
                    class="flexcc"
                    v-if="item.is_top"
                  >置顶</div>
                </div>
              </div>
              <div class="flex" style="margin-top: 20px; cursor: pointer;">
                <div style="position: relative;">
                  <img
                    :src="item.image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'"
                    @click="logfuwenbenkai2(item)"
                    style="width: 100px; height: 100px; border-radius: 10px; margin-bottom: 10px;"
                  />
                </div>
                <div style="margin-left: 20px; width: 330px;">
                  <div
                    style="color: rgb(2, 12, 29); font-size: 16px; font-weight: bold; line-height: 19px; margin-bottom: 10px;"
                    @click="logfuwenbenkai2(item)"
                  >
                    <el-tooltip
                      class="item"
                      effect="dark"
                      :content="item.title"
                      placement="top-start"
                    >
                      <div
                        style="width:100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;"
                      >{{item.title}}</div>
                    </el-tooltip>
                  </div>
                  <div
                    style="color: #999; font-size: 14px; margin-bottom: 10px;display: inline-block;"
                  >商品编码: {{item.fetch_code}}</div>
                  <div
                    style="color: rgb(0, 90, 255); font-size: 14px;display: inline-block;margin-left: 16px;"
                    @click="logfuwenbenkai2(item)"
                  >商品资料></div>

                  <div>
                    <div
                      v-if="item.card_cost!='0.00'"
                      style="font-size:14px;color:#FF0C0C;display:inline-block;margin-right: 65px"
                    >售价￥{{ item.card_cost }}</div>
                    <div v-else style="font-size:14px;display:inline-block;margin-right: 65px">免费领取</div>
                    <div
                      v-if="item.inventory_open!=0"
                      style="font-size:14px;color:#FF9E00;display:inline-block"
                    >
                      库存:{{item.inventory}}
                      <i
                        class="el-icon-edit"
                        style="margin-left: 5px;color: #4b7dff;"
                        @click="shezhikucun(item)"
                      ></i>
                    </div>
                  </div>
                  <div class="flexbc">
                    <div class="flexbc" style=" line-height: 37px;font-size:14px;">
                      <div style="color:#999999;margin-right:10px">销售佣金</div>
                      <div v-if="item.settlement_status!=3">
                        <div
                          style="color:#FF9E00; font-size: 16px; font-weight: bold;"
                          v-if="item.c_commission != null"
                        >
                          ￥{{item.c_commission}}
                          <i
                            class="el-icon-edit"
                            style="margin-left: 5px;color: #4b7dff;"
                            @click="shezhi(item)"
                          ></i>

                          <i
                            class="el-icon-tickets"
                            style="margin-left: 10px;color: #4b7dff;"
                            @click="jilu(item)"
                          ></i>
                        </div>
                        <div
                          style="color:#FF9E00; font-size: 16px; font-weight: bold;"
                          v-if="item.c_commission == null"
                        >
                          未设置
                          <i
                            class="el-icon-edit"
                            style="margin-left: 10px;color: #4b7dff;"
                            @click="shezhi(item)"
                          ></i>

                          <i
                            class="el-icon-tickets"
                            style="margin-left: 10px;color: #4b7dff;"
                            @click="jilu(item)"
                          ></i>
                        </div>
                      </div>
                      <div v-else style="width: 220px; " class="flexbc">
                        <div
                          style="color:#FF9E00; font-size: 12px; line-height: 20px;"
                          v-if="item.active_commission!=null"
                        >
                          <div v-if="item.active_commission">￥{{ item.active_commission }}</div>
                          <div
                            v-if="item.first_recharge_one_commission"
                          >充值大于{{item.first_recharge_one}}佣金{{item.first_recharge_one_commission}}</div>
                          <div
                            v-if="item.first_recharge_two_commission"
                          >充值大于{{item.first_recharge_two}}佣金{{item.first_recharge_two_commission}}</div>

                          <!-- <span v-if="item.first_recharge_two_commission>item.first_recharge_one_commission">{{ addNum(item.active_commission,item.first_recharge_two_commission) }} </span>
                          <span v-if="item.first_recharge_two_commission<item.first_recharge_one_commission">{{ addNum(item.active_commission,item.first_recharge_one_commission) }} </span>-->
                        </div>
                        <i
                          class="el-icon-edit"
                          style="margin-left: 5px;color: #4b7dff;"
                          @click="shezhi(item)"
                        ></i>
                        <div
                          style="color:#FF9E00; font-size: 16px; font-weight: bold;"
                          v-if="item.active_commission == null"
                        >
                          未设置
                          <i
                            class="el-icon-edit"
                            style="margin-left: 10px;color: #4b7dff;"
                            @click="shezhi(item)"
                          ></i>
                        </div>
                      </div>
                    </div>
                    <!-- <div class="flexbc" style="background: rgb(255, 242, 242); border-radius: 74px; line-height: 37px; width: 220px; padding: 0 20px;">
                      <div>分销抽成</div>
                      <div style="color: rgb(254, 61, 61); font-size: 16px; font-weight: bold;" v-if="item.agent_fee != null">￥0.00</div>
                      <div style="color: rgb(254, 61, 61); font-size: 16px; font-weight: bold;" v-if="item.agent_fee == null">未设置</div>
                    </div>-->
                  </div>
                </div>
              </div>
              <div style="margin: 0px 0 0 0; font-size: 12px; color: rgb(120, 125, 133);">
                <!-- <el-tooltip class="item" effect="dark" placement="top">
                      <div slot="content">
                        <span>上游给我的佣金规则：{{item.p_rules}} </span>
                        <span v-if="item.p_active_commission != 0 && item.p_active_commission != null">已激活，佣金{{item.p_active_commission}}元.</span>
                        <span v-if="item.p_first_recharge_one_commission != 0 && item.p_first_recharge_one_commission != null">首充大于{{item.p_first_recharge_one}}元，佣金<span style="color: #f00;">{{item.p_first_recharge_one_commission}}</span>元</span>
                        <span v-if="item.p_first_recharge_two_commission != 0 && item.p_first_recharge_two_commission != null">或者首充大于{{item.p_first_recharge_two}}元，佣金<span style="color: #f00;">{{item.p_first_recharge_two_commission}}</span>元.</span>
                        <span v-if="item.p_recharge_amount_one_commission != 0 && item.p_recharge_amount_one_commission != null">累计充值大于{{item.p_recharge_amount_one}}元，佣金<span style="color: #f00;">{{item.p_recharge_amount_one_commission}}</span>元</span>
                        <span v-if="item.p_recharge_amount_two_commission != 0 && item.p_recharge_amount_two_commission != null">且累计充值大于{{item.p_recharge_amount_two}}元，佣金<span style="color: #f00;">{{item.p_recharge_amount_two_commission}}</span>元.</span>
                      </div>
                      <div style="margin-bottom: 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">
                        <span>上游给我的佣金规则：{{item.p_rules}} </span>
                        <span v-if="item.p_active_commission != 0 && item.p_active_commission != null">已激活，佣金{{item.p_active_commission}}元.</span>
                        <span v-if="item.p_first_recharge_one_commission != 0 && item.p_first_recharge_one_commission != null">首充大于{{item.p_first_recharge_one}}元，佣金<span style="color: #f00;">{{item.p_first_recharge_one_commission}}</span>元</span>
                        <span v-if="item.p_first_recharge_two_commission != 0 && item.p_first_recharge_two_commission != null">或者首充大于{{item.p_first_recharge_two}}元，佣金<span style="color: #f00;">{{item.p_first_recharge_two_commission}}</span>元.</span>
                        <span v-if="item.p_recharge_amount_one_commission != 0 && item.p_recharge_amount_one_commission != null">累计充值大于{{item.p_recharge_amount_one}}元，佣金<span style="color: #f00;">{{item.p_recharge_amount_one_commission}}</span>元</span>
                        <span v-if="item.p_recharge_amount_two_commission != 0 && item.p_recharge_amount_two_commission != null">且累计充值大于{{item.p_recharge_amount_two}}元，佣金<span style="color: #f00;">{{item.p_recharge_amount_two_commission}}</span>元.</span>
                      </div>
                </el-tooltip>
                <el-tooltip class="item" effect="dark" placement="top">
                      <div slot="content">
                        <span>我给下游的佣金规则：{{item.c_rules}} </span>
                        <span v-if="item.c_active_commission != 0 && item.c_active_commission != null">已激活，佣金{{item.c_active_commission}}元.</span>
                        <span v-if="item.c_first_recharge_one_commission != 0 && item.c_first_recharge_one_commission != null">首充大于{{item.c_first_recharge_one}}元，佣金<span style="color: #f00;">{{item.c_first_recharge_one_commission}}</span>元</span>
                        <span v-if="item.c_first_recharge_two_commission != 0 && item.c_first_recharge_two_commission != null">或者首充大于{{item.c_first_recharge_two}}元，佣金<span style="color: #f00;">{{item.c_first_recharge_two_commission}}</span>元.</span>
                        <span v-if="item.c_recharge_amount_one_commission != 0 && item.c_recharge_amount_one_commission != null">累计充值大于{{item.c_recharge_amount_one}}元，佣金<span style="color: #f00;">{{item.c_recharge_amount_one_commission}}</span>元</span>
                        <span v-if="item.c_recharge_amount_two_commission != 0 && item.c_recharge_amount_two_commission != null">且累计充值大于{{item.c_recharge_amount_two}}元，佣金<span style="color: #f00;">{{item.c_recharge_amount_two_commission}}</span>元.</span>
                      </div>
                      <div style="margin-bottom: 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">
                        <span>我给下游的佣金规则：{{item.c_rules}} </span>
                        <span v-if="item.c_active_commission != 0 && item.c_active_commission != null">已激活，佣金{{item.c_active_commission}}元.</span>
                        <span v-if="item.c_first_recharge_one_commission != 0 && item.c_first_recharge_one_commission != null">首充大于{{item.c_first_recharge_one}}元，佣金<span style="color: #f00;">{{item.c_first_recharge_one_commission}}</span>元</span>
                        <span v-if="item.c_first_recharge_two_commission != 0 && item.c_first_recharge_two_commission != null">或者首充大于{{item.c_first_recharge_two}}元，佣金<span style="color: #f00;">{{item.c_first_recharge_two_commission}}</span>元.</span>
                        <span v-if="item.c_recharge_amount_one_commission != 0 && item.c_recharge_amount_one_commission != null">累计充值大于{{item.c_recharge_amount_one}}元，佣金<span style="color: #f00;">{{item.c_recharge_amount_one_commission}}</span>元</span>
                        <span v-if="item.c_recharge_amount_two_commission != 0 && item.c_recharge_amount_two_commission != null">且累计充值大于{{item.c_recharge_amount_two}}元，佣金<span style="color: #f00;">{{item.c_recharge_amount_two_commission}}</span>元.</span>
                      </div>
                </el-tooltip>-->
              </div>
              <div style="font-size: 14px;color: #787D85;margin-top: 20px;">
                <el-tooltip
                  v-if="item.commission_rule"
                  class="item"
                  effect="dark"
                  :content="item.commission_rule"
                  placement="top-start"
                  :disabled="item.commission_rule?false:true"
                >
                  <div
                    style="overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;"
                  >佣金规则：{{item.commission_rule}}</div>
                </el-tooltip>
                <div
                  v-else
                  style="overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;"
                >佣金规则：</div>
              </div>
              <div class="flex" style="margin-top: 15px;">
                <div
                  style="color: rgb(254, 61, 61); background: rgb(255, 242, 242); margin-bottom: 10px;"
                  class="flexcc xt"
                  v-if="item.selling_point.length > 0 && item.selling_point[0]"
                >{{item.selling_point[0]}}</div>
                <div
                  style="color: rgb(31, 159, 48); background: rgb(229, 255, 217); margin-bottom: 10px;"
                  class="flexcc xt"
                  v-if="item.selling_point.length > 1 && item.selling_point[1]"
                >{{item.selling_point[1]}}</div>
                <div
                  style="color: rgb(189, 55, 255); background: rgb(251, 239, 255); margin-bottom: 10px;"
                  class="flexcc xt"
                  v-if="item.selling_point.length > 2 && item.selling_point[2]"
                >{{item.selling_point[2]}}</div>
                <div
                  style="color: rgb(55, 175, 255); background: rgb(239, 250, 255); margin-bottom: 10px;"
                  class="flexcc xt"
                  v-if="item.selling_point.length > 3 && item.selling_point[3]"
                >{{item.selling_point[3]}}</div>
              </div>
              <div class="flexbc" style="margin-top: 15px;">
                <div class="flex">
                  <div class="flexcc ljact" @click="fuzhidizhi(item.id)">推广链接</div>
                  <div class="flexcc lj" @click="openw2(item)">打开链接</div>
                  <!-- <div class="flexcc lj" @click="creatQrCode(2,item)">下载二维码</div> -->
                  <div class="flexcc lj" @click="haibao(item)">推广海报</div>

                  <div v-if="item.block_id == null" class="flexcc lj" @click="pingbi(item)">屏蔽商品</div>
                  <div
                    v-if="item.block_id != null"
                    class="flexcc lj"
                    @click="pingbi(item)"
                    style="background: #f00; color: #fff;"
                  >已屏蔽</div>
                </div>
                <div @click="xuanzhong(item)">
                  <el-dropdown @command="handleCommand" trigger="click">
                    <span class="el-dropdown-link">
                      <img
                        src="../../../static/img/gengduo.png"
                        style="width: 32px; height: 32px; border-radius: 16px; cursor: pointer;"
                      />
                    </span>
                    <el-dropdown-menu slot="dropdown">
                      <el-dropdown-item command="a">编辑商品</el-dropdown-item>
                      <el-dropdown-item command="b" v-if="!dangqianshangpin.is_top">置顶</el-dropdown-item>
                      <el-dropdown-item command="c" v-if="!dangqianshangpin.is_main">主推</el-dropdown-item>
                      <el-dropdown-item command="bb" v-if="dangqianshangpin.is_top">取消置顶</el-dropdown-item>
                      <el-dropdown-item command="cc" v-if="dangqianshangpin.is_main">取消主推</el-dropdown-item>
                      <el-dropdown-item command="d">设置排序</el-dropdown-item>
                      <el-dropdown-item command="e" v-if="dangqianshangpin.status == 100">下架商品</el-dropdown-item>
                      <el-dropdown-item command="f" v-if="dangqianshangpin.status == 0">上架商品</el-dropdown-item>
                      <el-dropdown-item command="g">上架佣金设置</el-dropdown-item>
                      <el-dropdown-item command="h">套餐设置</el-dropdown-item>
                      <el-dropdown-item command="i">同步敢探号信息</el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </div>
              </div>
              <div style="color: rgb(254, 61, 61); font-size: 12px; margin-top: 10px; ">
                <el-tooltip class="item" effect="dark" :content="item.points" placement="top-start">
                  <div
                    style="width:100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;"
                  >{{item.points}}</div>
                </el-tooltip>
              </div>
            </div>
          </div>
          <el-pagination
            style="text-align: right; padding: 20px;"
            background
            layout="prev,pager,next,total,jumper"
            :current-page="search.page"
            @current-change="fanye"
            :page-size="search.page_size"
            :total="total"
          ></el-pagination>
        </div>
      </div>
    </div>
    <el-dialog
          title="更改记录"
          :visible.sync="jilulog"
          width="370px"
          :close-on-click-modal="false"
          :close-on-press-escape="false"
        >
          <div style="line-height: 40px;">
    <!--        <div class="flex">
              <div style="flex: 1;">日期</div>
              <div style="flex: 1;">佣金(元)</div>
            </div> -->
            <div class="flex" v-for="item in jilulist" :key="item.id">
              <div style="flex: 1;">{{item.created_at}}</div>
              <div style="flex: 1;">更改为{{item.old_commission}}</div>
            </div>
          </div>
          <span slot="footer" class="dialog-footer">
            <el-button @click="jilulog = false">关闭</el-button>
          </span>
        </el-dialog>
    <el-dialog
      :title="fuwenbentitle +'商品详情'"
      :visible.sync="logfuwenben2"
      width="1000px"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      <div v-html="fuwenben2"></div>
      <div class="baibeijing" style="margin-top: 20px;padding-left: 0;">
        <div class="flex">
          <div>
            <img src="../../../static/img/shangjia-2.png" style="width: 18px; margin-right: 10px" />
          </div>
          <div style="margin-bottom: 10px;margin-right: 10px;">
            上下架状态 :
            <div v-if="sxjstatus==100" style="display: inline-block;color: #6A6A6A">上架</div>
            <div v-if="sxjstatus==0" style="display: inline-block;color: #6A6A6A">下架</div>
          </div>

          <div>
            <img
              src="../../../static/img/shangxianshijian.png"
              style="width: 18px; margin-right: 10px"
            />
          </div>
          <div style="margin-bottom: 10px;margin-right: 10px;">上线时间 : {{ created_at }}</div>

          <div>
            <img src="../../../static/img/kaika.png" style="width: 22px; margin-right: 10px" />
          </div>
          <div style="margin-bottom: 10px;margin-right: 10px;">开卡年龄 : {{ min_age }}~{{ max_age }}</div>

          <div>
            <img src="../../../static/img/heyueqi.png" style="width: 22px; margin-right: 10px" />
          </div>
          <div style="margin-bottom: 10px;margin-right: 10px;">
            合约期 :
            <div v-if="contract==0" style="display: inline-block;color: #6A6A6A">无</div>
            <div v-if="contract==1" style="display: inline-block;color: #6A6A6A">1个月</div>
            <div v-if="contract==2" style="display: inline-block;color: #6A6A6A">2个月</div>
            <div v-if="contract==3" style="display: inline-block;color: #6A6A6A">3个月</div>
            <div v-if="contract==4" style="display: inline-block;color: #6A6A6A">4个月</div>
            <div v-if="contract==5" style="display: inline-block;color: #6A6A6A">5个月</div>
            <div v-if="contract==6" style="display: inline-block;color: #6A6A6A">6个月</div>
            <div v-if="contract==7" style="display: inline-block;color: #6A6A6A">7个月</div>
            <div v-if="contract==8" style="display: inline-block;color: #6A6A6A">8个月</div>
            <div v-if="contract==9" style="display: inline-block;color: #6A6A6A">9个月</div>
            <div v-if="contract==10" style="display: inline-block;color: #6A6A6A">10个月</div>
            <div v-if="contract==11" style="display: inline-block;color: #6A6A6A">11个月</div>
            <div v-if="contract==12" style="display: inline-block;color: #6A6A6A">12个月</div>
            <div v-if="contract==24" style="display: inline-block;color: #6A6A6A">24个月</div>
            <div v-if="contract==36" style="display: inline-block;color: #6A6A6A">36个月</div>
          </div>

          <div>
            <img
              src="../../../static/img/24gf-thumbsUp2.png"
              style="width: 18px; margin-right: 10px"
            />
          </div>
          <div style="margin-bottom: 10px;margin-right: 10px;">
            支持选号 :
            <div
              v-if="take_number==1||take_number==2"
              style="display: inline-block;color: #6A6A6A;"
            >支持选号</div>
            <div v-if="take_number==0" style="display: inline-block;color: #6A6A6A;">不支持</div>
          </div>
        </div>

        <div class="flex">
          <div>
            <img src="../../../static/img/kuaidi.png" style="width: 22px; margin-right: 10px" />
          </div>
          <div style="margin-right: 10px;">快递方式 : {{ express }}</div>

          <div>
            <img src="../../../static/img/jihuo.png" style="width: 22px; margin-right: 10px" />
          </div>
          <div style="margin-bottom: 10px;margin-right: 10px;">激活方式 : {{ activation_method }}</div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="logfuwenben2 = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="编辑商品详情"
      :visible.sync="logfuwuben"
      width="1000px"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      <div
        style="margin-bottom: 20px; color: rgb(2, 12, 29);"
      >该详情会展示给分销商，用于描述套餐的具体政策，不发货区域、定向流量范围、办理销户、等专业性信息</div>
      <div>
        <fuwenben :content="fuwenben.package_text" @getcontent="getcontent" v-if="relo"></fuwenben>
      </div>
      <div style="margin-top: 20px">
        <div class="flex">
          <div>
            <div>
              <img
                src="../../../static/img/kaika.png"
                style="width: 22px; margin-right: 10px;float: left"
              />
            </div>
            <div style="margin-bottom: 10px;">开卡年龄:</div>
            <div>
              <el-input v-model="fuwenben.min_age" style="width: 140px;" placeholder="请输入"></el-input>-
              <el-input
                v-model="fuwenben.max_age"
                style="width: 140px; margin-right: 30px;"
                placeholder="请输入"
              ></el-input>
            </div>
          </div>
          <div>
            <div>
              <img
                src="../../../static/img/heyueqi.png"
                style="width: 22px; margin-right: 10px;float: left"
              />
            </div>
            <div style="margin-bottom: 10px;">合约期:</div>
            <el-select
              v-model="fuwenben.contract"
              clearable
              style="width: 140px; margin-right: 30px;"
              placeholder="请选择"
            >
              <el-option
                v-for="item in heyueqiOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </el-select>
          </div>
          <div>
            <div>
              <img
                src="../../../static/img/kuaidi.png"
                style="width: 22px; margin-right: 10px;float: left"
              />
            </div>
            <div style="margin-bottom: 10px;">快递方式:</div>
            <div>
              <el-input
                v-model="fuwenben.express"
                style="width: 140px; margin-right: 30px;"
                placeholder="请输入"
              ></el-input>
            </div>
          </div>
          <div>
            <div>
              <img
                src="../../../static/img/jihuo.png"
                style="width: 22px; margin-right: 10px;float: left"
              />
            </div>
            <div style="margin-bottom: 10px;">激活方式:</div>
            <div>
              <el-input
                v-model="fuwenben.activation_method"
                style="width: 140px; margin-right: 30px;"
                placeholder="请输入"
              ></el-input>
            </div>
          </div>
        </div>
      </div>

      <span slot="footer" class="dialog-footer">
        <el-button round @click="logfuwuben = false">取 消</el-button>
        <el-button round type="primary" @click="fuwenbenbaocun">确 定</el-button>
      </span>
    </el-dialog>

    <el-dialog
      title="推广二维码"
      :visible.sync="erweima_log"
      width="440px"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      <div class="qrcode" ref="qrCodeUrl" style="margin: 0 auto; max-width: 100%;"></div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="erweima_log = false">关闭</el-button>
        <el-button type="primary" @click="xiazai">下载</el-button>
      </span>
    </el-dialog>
    <el-dialog
      v-if="!shoujiban"
      title="设置排序"
      :visible.sync="paixu_log"
      width="440px"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      <div class="sortinput">
        <el-input v-model="dangqianshangpin.order" style="width: 360px;"></el-input>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="paixu_log = false">关闭</el-button>
        <el-button type="primary" @click="xiugai">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="设置库存"
      :visible.sync="log4"
      width="440px"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      <div class="flexbc">
        <div>库存：</div>
        <div>
          <el-input v-model="kucunall.inventory" style="width: 360px;width:320px"></el-input>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="log4 = false">关闭</el-button>
        <el-button type="primary" @click="shezhikucungo">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="设置销售佣金"
      :visible.sync="log2"
      width="540px"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      <div v-if="shezhiitem.settlement_status!=3">
        <el-input v-model="yongjinall.commission" style="width: 360px;" class="set_input"></el-input>
      </div>
      <div v-else class="t_set_js" style="margin-left: 0px;">
        <div class="t_set_js_title">
          <div class="t_one_row2">阶段</div>
          <div class="t_two_row">佣金结算条件</div>
          <div class="t_three_row">结算额度</div>
        </div>
        <div class="t_set_js_j1">
          <div class="t_one_row2">一阶段</div>
          <div class="t_two_row">订单激活</div>
          <div class="t_three_row">
            <el-input
              v-model="t_active_commission"
              type="number"
              class="t_set_js_input"
              placeholder
            ></el-input>
          </div>
        </div>
        <div class="t_set_js_j2">
          <div class="t_one_row2">二阶段</div>
          <div class="t_two_row">
            <div style="display:flex;align-items:center">
              充值大于
              <el-input
                v-model="t_first_recharge_one"
                type="number"
                class="t_set_js_input"
                placeholder
              ></el-input>
            </div>
            <div>
              充值大于
              <el-input
                v-model="t_first_recharge_two"
                type="number"
                class="t_set_js_input"
                placeholder
              ></el-input>
            </div>
          </div>
          <div class="t_three_row">
            <div>
              <el-input
                type="number"
                v-model="t_first_recharge_one_commission"
                class="t_set_js_input"
                placeholder
              ></el-input>
            </div>
            <div>
              <el-input
                v-model="t_first_recharge_two_commission"
                type="number"
                class="t_set_js_input"
                placeholder
              ></el-input>
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="log2 = false">关闭</el-button>
        <el-button type="primary" @click="shezhigo">确定</el-button>
      </span>
    </el-dialog>

    <el-dialog
      title="下单数量限制"
      :visible.sync="log3"
      width="740px"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      <div v-if="!shoujiban">
        <div class="flex">
          <div class="flexc">
            <div style="width: 100px;">选择限制数量</div>
            <div>
              <el-select
                v-model="all2.micro_store_limit"
                style="width: 200px;"
                placeholder="请选择限制数量"
              >
                <el-option label="不限制" :value="0"></el-option>
                <el-option label="1" :value="1"></el-option>
                <el-option label="2" :value="2"></el-option>
                <el-option label="3" :value="3"></el-option>
                <el-option label="4" :value="4"></el-option>
                <el-option label="5" :value="5"></el-option>
              </el-select>
            </div>
          </div>
          <div class="flexc">
            <div style="width: 100px; margin-left: 30px;">识别方式选择</div>
            <div>
              <el-select
                v-model="all2.micro_store_limit_type"
                style="width: 200px;"
                placeholder="请选识别方式选择"
              >
                <el-option label="证件号" :value="0"></el-option>
                <el-option label="手机号" :value="1"></el-option>
                <el-option label="IP地址" :value="2"></el-option>
              </el-select>
            </div>
          </div>
        </div>
        <div class="flexc" style="margin-top: 20px;">
          <div class="flexc">
            <div style="margin-right: 20px;">下单需要验证码</div>
            <div>
              <el-switch
                v-model="all2.page_code_verify"
                style="width: 46px; height: 21px;"
                active-color="rgb(0, 90, 255);"
                inactive-color="rgb(246, 248, 251);"
                :active-value="1"
                :inactive-value="0"
              ></el-switch>
            </div>
            <div style="margin-left:10px; font-size:12px;">短信费用计入敢探号消费，会在对应的敢探号账号上产生消费明细 0.05元/条</div>
          </div>
        </div>
      </div>
      <div v-if="shoujiban">
        <div>
          <div style="margin-bottom: 0.2rem;">选择限制数量</div>
          <div style="margin-bottom: 0.2rem;">
            <el-select
              v-model="all2.micro_store_limit"
              style="width: width: 100%;"
              placeholder="请选择限制数量"
            >
              <el-option label="不限制" :value="0"></el-option>
              <el-option label="1" :value="1"></el-option>
              <el-option label="2" ::value="2"></el-option>
              <el-option label="3" :value="3"></el-option>
              <el-option label="4" :value="4"></el-option>
              <el-option label="5" :value="5"></el-option>
            </el-select>
          </div>
        </div>
        <div>
          <div style="margin-bottom: 0.2rem;">识别方式选择</div>
          <div style="margin-bottom: 0.2rem;">
            <el-select
              v-model="all2.micro_store_limit_type"
              style="width: width: 100%;"
              placeholder="请选识别方式选择"
            >
              <el-option label="证件号" :value="0"></el-option>
              <el-option label="手机号" :value="1"></el-option>
              <el-option label="IP地址" :value="2"></el-option>
            </el-select>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button round @click="log3 = false">关闭</el-button>
        <el-button round type="primary" @click="peizhigo">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="下载APP"
      :visible.sync="applog"
      width="440px"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      <div class="qrcode flexcc" ref="qrCodeUrlx" style="margin: 0 auto; max-width: 100%;"></div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="applog = false">关闭</el-button>
        <el-button type="primary" @click="xiazaiapp2">下载</el-button>
      </span>
    </el-dialog>

    <!-- 手机版 -->
    <div v-if="shoujiban" style=" color: rgb(2, 12, 29); font-size: 0.24rem; background: #f6f8fb;">
     <div class="tabs_container" v-if="!hide">
        <div @click="choosetab('one')" :class="activeName === 'one' ? 'wares' : 'initial'" >供应商商品</div>
        <div
          @click="choosetab('two')"
          :class="activeName === 'two' ? 'wares' : 'initial'"
          style="margin-left:30px"
        >在售商品</div>
      </div>
      <div class="search_container">
        <div style="display:flex;align-items: center;justify-content: space-between;">
          <div class="input_container">
            <div class="flexcc" style="width: 1.5rem;" @click="c1show = true">
              <div style="color: rgb(175, 179, 188); margin-right:5px;margin-bottom:1px;">{{c1name}}</div>
              <div>
                <img src="../../../static/appimg/arrowpng.png" style="width:7px;height:6px;" />
              </div>
            </div>
            <img
              src="../../../static/appimg/search.png"
              alt
              style="width:12.17px;height:12.8px;margin-right:5px;margin-left:5px"
            />
            <div><el-input v-model="search.fetch_title" class="Minput" placeholder="请输入商品名称/编码" /></div>
            <div @click="sousuo" icon="el-icon-search" class="search_btn">搜索</div>
          </div>
          <div>
            <img src="../../../static/appimg/filter.png" alt style="width:25.3px;height:23px;" @click="jumpClassify"/>
          </div>
        </div>
        <div class="sift_container">
          <div style="display:flex;align-items: center;" @click="c2show = true">
            <div style="font-size:13px">{{c2name}}</div>
            <img
              src="../../../static/appimg/arrowtwo.png"
              alt
              style="width:6px;height:3.75px;margin-left:5px;"
            />
          </div>
          <div>
            <div v-if="search.order == 0 || search.order == ''" @click="changorder(1)" style="font-size:13px">发布时间</div>
            <div v-if="search.order == 1" @click="changorder(0)" style="color:#2757FF;font-size:13px">发布时间</div>
          </div>
          <div
            style="display:flex;align-items: center;"
            @click="go('/shangpinguanli/gongyingshangshangpin/zaishoushangpinpaixu')"
          >
            <div style="font-size:13px">设置排列顺序</div>
            <img
              src="../../../static/appimg/sift.png"
              alt
              style="width:13px;height:13px;margin-left:3px;margin-top:2px;"
            />
          </div>
          <div style="display:flex;align-items: center;" @click="siftModalclick">
            <div style="font-size:13px">筛选</div>
            <img
              src="../../../static/appimg/funnel.png"
              alt
              style="width:8px;height:8px;margin-left:5px;"
            />
          </div>
        </div>
      </div>
      <!-- <topandleft></topandleft> -->
      <!-- <div style="background: #fff; padding: 0.3rem;">
        <div class="flexc" style="margin-bottom: 0.3rem;">
          <div style="width: 2px; height: 0.2rem; background: rgb(2, 12, 29); margin-right: 10px; overflow: hidden;"></div>
          <div style="font-size: 0.36rem; font-weight: bold;">商品管理</div>
        </div>
        <div class="flexc" style="margin-bottom: 0.3rem;">
          <div style="color: rgb(175, 179, 188);">首页</div>
          <div style="margin: 0 0.2rem;color: rgb(175, 179, 188);">·</div>
          <div style="color: rgb(175, 179, 188);">商品管理</div>
          <div style="margin: 0 0.2rem;color: rgb(175, 179, 188);">·</div>
          <div>在售商品</div>
        </div>
      </div>-->
      <div style="padding: 0.3rem;width:100%">
        <!-- <div class="flexbc" style="justify-content: space-between; margin-bottom: 0.3rem;">
          <div class="flexcc" style="cursor: pointer; text-align: center;" :class="search.status == 100?'sxjactsj':'sxjsj'" @click="changestatus(100)">上架中</div>
          <div class="flexcc" style="cursor: pointer; text-align: center;" :class="search.status == 0?'sxjactsj':'sxjsj'" @click="changestatus(0)">已下架</div>
        </div>
        <div style="margin-bottom: 0.3rem;" v-if="search.status == 100">
          <div style=" width: 100%;  background: #fff; border-radius: 0.2rem; padding: 0.2rem; margin-bottom: 0.3rem;">
            <div style="font-weight: 500; margin-bottom: 0.2rem;">我的销售橱窗</div>
            <div class="flexc">
              <div class="flex">
                <img :src="list[0].image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'" style="width: 0.4rem; height: 0.4rem; border-radius: 15px;" v-if="list.length>0">
                <img :src="list[1].image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'" style="width: 0.4rem; height: 0.4rem; border-radius: 15px; position: relative; left: -10px;" v-if="list.length>1">
                <img :src="list[2].image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'" style="width: 0.4rem; height: 0.4rem  ; border-radius: 15px; position: relative; left: -20px;" v-if="list.length>2">
              </div>
              <div style="color: rgb(0, 90, 255); font-size: 0.2rem; cursor: pointer;" @click="go('/weixiaodian')">
                当前共{{total - shield_num}}件商品 >
              </div>
            </div>
          </div>
          <div class="flexbc" style=" width: 100%;  background: #fff; border-radius: 0.2rem; padding: 0.2rem; margin-bottom: 0.3rem;">
            <div style="width: 100%; background: rgb(255, 255, 255); border-radius: 0.2rem;" class="flexc" @click="copy(wailian)">
              <div style="padding: 0 0.2rem;">
                <div style="color: rgb(175, 179, 188); margin-bottom: 0.1rem; ">{{wailian}}</div>
                <div style="cursor: pointer;">复制链接</div>
              </div>
            </div>
          </div>
        </div>-->
        <!-- <div class="flex" style="margin-bottom: 0.3rem;" v-if="search.status == 100">
          <div style="width: 1.3rem; height: 1.3rem; background: rgb(255, 255, 255); border-radius: 0.2rem; cursor: pointer; margin-right:0.2rem" class="flexcc"  @click="openw(wailian)">
            <div>
              <div class="flexcc"><img src="../../../static/img/lianjie.png" style="width: 0.3rem; margin-bottom: 0.2rem;"></div>
              <div style="font-size: 0.2rem;">打开链接</div>
            </div>
          </div>
          <div style="width: 1.3rem; height: 1.3rem; background: rgb(255, 255, 255); border-radius: 0.2rem; cursor: pointer; margin-right:0.2rem" class="flexcc"  @click="creatQrCode(1)">
            <div>
              <div class="flexcc"><img src="../../../static/img/erweima.png" style="width: 0.3rem; margin-bottom: 0.2rem;"></div>
              <div style="font-size: 0.2rem;">下载二维码</div>
            </div>
          </div>
          <div style="width: 1.3rem; height: 1.3rem; background: rgb(255, 255, 255); border-radius: 0.2rem; cursor: pointer;" class="flexcc"  @click="peizhikai">
            <div>
              <div class="flexcc"><img src="../../../static/img/index12.png" style="width: 0.3rem; margin-bottom: 0.2rem;"></div>
              <div style="font-size: 0.2rem;">下单配置</div>
            </div>
          </div>
        </div>-->
        <!-- <div style=" background: rgb(255, 255, 255); border-radius: 0.2rem; padding: 0.2rem; ">
            <div style="margin-bottom: 0.2rem;">
              <el-input v-model="search.title" placeholder="请输入商品名称"></el-input>
            </div>
            <div class="flexc" style="justify-content: space-between; margin-bottom: 0.2rem;">
              <div><el-input v-model="search.c_commission_start" style="width: 3rem; " placeholder="最小佣金"></el-input></div>
              <div style="color: color: rgb(175, 179, 188);">~</div>
              <div><el-input v-model="search.c_commission_end" style="width:  3rem; " placeholder="最大佣金"></el-input></div>
            </div>
            <div class="flexbc" style="margin-bottom: 0.2rem;">
              <div><el-input v-model="search.selling_point" style="width: 3rem;" placeholder="请输入卖点"></el-input></div>
            </div>
            <div class="flexbc" >
              <div class="flexc">
                <div style="margin-right: 0.2rem;">
                  <div @click="sousuo" class="flexcc" icon="el-icon-search" style="background: rgb(0, 90, 255); height: 41px; border-radius: 41px; padding: 0 0.3rem; color: #fff;">检索</div>
                </div>
                <div v-if="search.order == 1">
                  <div class="flexc" style="line-height: 41px; color: rgb(175, 179, 188); font-size: 12px;">正序排列 <i class="el-icon-sort" style="margin-left: 10px;" @click="changorder(0)"></i></div>
                </div>
                <div v-if="search.order == 0 || search.order == ''">
                  <div class="flexc" style="line-height: 41px; color: rgb(175, 179, 188); font-size: 12px;">倒序排列 <i class="el-icon-sort" style="margin-left: 10px;" @click="changorder(1)"></i></div>
                </div>
              </div>
              <div class="flexc">
                <div style=" margin-right: 0.2rem;">自动上架</div>
                <div>
                  <van-switch v-model="autogrounding" @change="gengxinautogrounding" size="20px" style="margin-bottom: 0;" active-color="rgb(0, 90, 255);" inactive-color="rgb(246, 248, 251);" :active-value="1" :inactive-value="0" />
                </div>
              </div>

            </div>
        </div>-->
        <div class="list">
          <div
            class="flex"
            style="margin-top: 0.2rem;"
            v-loading="loading"
            element-loading-text="拼命加载中"
            element-loading-spinner="el-icon-loading"
            element-loading-background="rgba(0, 0, 0, 0.8)"
          >
            <div
              style="width: 6.9rem; padding: 0.2rem; margin-bottom: 0.2rem; background: rgb(255, 255, 255); border-radius: 0.2rem; "
              v-for="(item,index) in list"
              :key="index"
            >
              <div class="flexbc">
                <div class="flex">
                  <!-- <div style="color: rgb(2, 12, 29);  margin-right: 0.2rem;">{{item.supplier_name}}</div> -->
                  <div
                    v-if="item.status==0&&item.up_down_at"
                    style="color: rgb(212, 215, 222);display: inline-block;font-size: 11px"
                  >下架时间: {{item.up_down_at}}</div>
                </div>
                <div
                  class="flex ellipsis"
                  style="display:flex;justify-content:flex-start;width:100%;align-items: center;
                  "
                >
                  <div
                    v-if="item.settlement_method == 1&&item.status==100"
                    style="background:linear-gradient(#FF00D3, #FF3500); border-radius: 4px; padding: 0.05rem 0.2rem;  color: rgb(255, 255, 255); font-size: 12px;margin-right:0.1rem"
                    class="flexcc"
                  >秒返</div>
                  <div
                    v-if="item.settlement_method == 0&&item.status==100"
                    style="background:#005AFF; border-radius: 4px; padding: 0.05rem 0.2rem;  color: rgb(255, 255, 255); font-size: 12px;margin-right:0.1rem"
                    class="flexcc"
                  >次月返</div>
                  <div
                    style="background: rgb(254, 61, 61); border-radius: 4px; padding: 0.05rem 0.2rem;  color: rgb(255, 255, 255); font-size: 12px;margin-left: 0.1rem;margin-right:0.1rem"
                    class="flexcc"
                    v-if="item.is_main == 1"
                  >主推</div>
                  <div
                    style="background: rgb(0, 90, 255); border-radius: 4px; padding: 0.05rem 0.2rem; color: rgb(255, 255, 255); font-size: 12px; margin-left: 0.1rem;margin-right:0.1rem"
                    class="flexcc"
                    v-if="item.is_top"
                  >置顶</div>
                  <div

                    style="color: rgb(2, 12, 29); margin-top: 0.05rem;display:flex;justify-content:flex-start;width:150px;"
                  >
                    <!-- @click="logfuwenbenkai2(item)" -->
                    <el-tooltip
                      class="item"
                      effect="dark"
                      :content="item.title"
                      placement="top-start"
                    >
                      <div style="width:100%;font-size:13px;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                      ">{{item.title}}</div>
                    </el-tooltip>
                  </div>
                </div>
                <div
                  style="display:flex;width:100%;color: #9B9B9B; font-size: 11px; margin-top: 0.1rem;border-bottom:0.5px solid #D6DAE3;padding-bottom:0.2rem;justify-content:space-between;"
                >
                <div>商品编码: {{item.fetch_code}}</div>
                <div style="color:rgb(0, 90, 255);font-size:12px" @click="informationClick(item)">查看资料 ></div>
                </div>
              </div>
              <div class="flex" style="margin-top: 0.2rem;">
                <div style="position: relative;">
                  <img
                    :src="item.image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'"
                    style="width: 90px; height: 90px; border-radius: 0.1rem; margin-bottom: 0.1rem;"
                  />
                </div>
                <div style="margin-left: 0.2rem; width: 4rem;">
                  <div v-if="item.card_cost!='0.00'" style="font-size:14px;color:#FF0C0C;">
                    销售售价：
                    <span style="font-size:15px">￥{{ item.card_cost }}</span>
                  </div>
                  <div v-else style="font-size:12px;">免费领取</div>
                  <!-- <div style="margin: 0px 0 0 0; font-size: 12px; color: rgb(120, 125, 133);" v-if="item.c_commission">
                    <div class="flexbc">
                      <div class="flexbc" style="font-size: 14px;">
                      <div>销售佣金</div>
                      <div style="color: #FF9E00; font-weight: bold;" v-if="item.c_commission != null">￥{{item.c_commission}} <i class="el-icon-edit" style="margin-left: 0.1rem;color: #4b7dff;" @click="shezhi(item)"></i></div>
                      <div style="color: #FF9E00; font-weight: bold;" v-if="item.c_commission == null">未设置 <i class="el-icon-edit" style="margin-left: 0.1rem;color: #4b7dff;" @click="shezhi(item)"></i></div>

                      </div>
                    </div>
                  </div>-->
                  <!-- <div class="flexbc" style="background: rgb(255, 242, 242); border-radius: 0.35rem; width: 3.1rem; padding:0.1rem 0.2rem;">
                      <div>分销抽成</div>
                      <div style="color: rgb(254, 61, 61); font-size: 16px; font-weight: bold;" v-if="item.agent_fee != null">￥0.00</div>
                      <div style="color: rgb(254, 61, 61); font-size: 16px; font-weight: bold;" v-if="item.agent_fee == null">未设置</div>
                  </div>-->

                  <div class="flex" style="margin-top: 0.1rem;">
                    <div
                      style="color: rgb(254, 61, 61); background: rgb(255, 242, 242); margin-bottom: 0.1rem;
                        padding: 0.1rem;border-radius:0.1rem;margin-right: 0.2rem;
                        "
                      v-if="item.selling_point.length > 0 && item.selling_point[0]"
                    >{{item.selling_point[0]}}</div>
                    <div
                      style="color: rgb(31, 159, 48); background: rgb(229, 255, 217); margin-right: 0.2rem; margin-bottom: 0.1rem;padding: 0.1rem;border-radius:0.1rem;;

                      "
                      v-if="item.selling_point.length > 1 && item.selling_point[1]"
                    >{{item.selling_point[1]}}</div>
                    <div
                      style="color: rgb(189, 55, 255);margin-right: 0.2rem; background: rgb(251, 239, 255); margin-bottom: 0.1rem;padding: 0.1rem;border-radius:0.1rem;

                      "
                      v-if="item.selling_point.length > 2 && item.selling_point[2]"
                    >{{item.selling_point[2]}}</div>
                    <div
                      style="color: rgb(55, 175, 255);margin-right: 0.2rem; background: rgb(239, 250, 255); margin-bottom: 0.1rem;padding: 0.1rem;border-radius:0.1rem;

                      "
                      v-if="item.selling_point.length > 3 && item.selling_point[3]"
                    >{{item.selling_point[3]}}</div>
                  </div>
                </div>
              </div>

              <div style="font-size: 14px;color: #787D85;margin-top: 5px;">
                <el-tooltip
                  v-if="item.commission_rule"
                  class="item"
                  effect="dark"
                  :content="item.commission_rule"
                  placement="top-start"
                >
                  <div
                    style="overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;"
                  >佣金规则：{{item.commission_rule}}</div>
                </el-tooltip>
                <div
                  v-else
                  style="overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;"
                >佣金规则：</div>
              </div>
              <div class="sale_commssion" v-if="item.settlement_status!=3">
                <div
                  style="display:flex;justify-content:space-around;align-items:center;height:100%"
                >
                  <div style="color:#787D85;font-size:14px">默认销售佣金</div>
                  <div
                    v-if="item.c_commission"
                    style="color: #005AFF;font-size:18px"
                  >￥{{item.c_commission}}</div>
                  <div v-else style="color: #005AFF;font-size:18px">未设置</div>
                </div>
              </div>

              <div
                v-else
                style="background: #F3F5F9;border-radius: 10px;padding:8px 15px;display:flex;margin-top: 10px;"
              >
                <div style="flex:1;text-align:center;">
                  <div style="color:#005AFF;font-size:15px">￥{{item.first_recharge_one_commission}}</div>
                  <div style="color:#787D85;font-size:11px;margin-top:6px">充值>={{item.first_recharge_one}}佣金</div>
                </div>
                <div style="flex:1;text-align:center;">
                  <div style="color:#005AFF;font-size:15px">￥{{item.first_recharge_two_commission}}</div>
                  <div style="color:#787D85;font-size:11px;margin-top:6px">充值>={{item.first_recharge_two}}佣金</div>
                </div>
                <div style="flex:1;text-align:center;">
                  <div style="color:#FE3D3D;font-size:15px">￥{{ item.active_commission }}</div>
                  <div style="color:#787D85;font-size:11px;margin-top:6px">激活佣金</div>
                </div>
              </div>
              <div class="flexbc" style="margin-top: 0.30rem;width:100%;">
                <div class="flex" style="display: flex;width:100%;justify-content:space-evenly;">
                  <div
                    class="united"
                    style="width: 70px; font-size: 12px;"
                    @click="haibao(item)"
                  >分享</div>
                  <div
                    v-if="item.block_id == null"
                    class="united"
                    @click="pingbi(item)"
                    style="font-size: 12px;width:80px;"
                  >屏蔽商品</div>
                  <div
                    v-if="item.block_id != null"
                    class="united"
                    @click="pingbi(item)"
                    style="background: #f00; color: #fff;font-size: 12px;width:80px;"
                  >已屏蔽</div>
                  <div class="united" style="font-size: 12px;" @click="setUpClick(item)">设置佣金</div>
                  <div @click="xuanzhong(item)" class="more">更多</div>

                </div>
              </div>
              <div
                style="margin-top: 0.4rem;display: flex;justify-content: space-between;align-items: center;
                "
              >
                <div
                  style="color: rgb(254, 61, 61); font-size: 12px; margin-bottom: 0.1rem;width:calc(100% - 110px) "
                >
                  <el-tooltip
                    class="item"
                    effect="dark"
                    :content="item.points"
                    placement="top-start"
                  >
                    <div
                      style="width:100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;"
                    >{{item.points}}</div>
                  </el-tooltip>
                </div>
                <div
                  style="color: rgb(212, 215, 222);display: inline-block;font-size: 11px"
                >{{item.created_at}}</div>
              </div>
            </div>
          </div>
        </div>
       <div class="footer_tabs" v-if="!hide">
        <footerApp />
       </div>
      </div>

    </div>

    <van-popup
      v-model="isRegion"
      position="bottom"
      :style="{borderRadius:'20px 20px 0 0',overflow:'auto'}"
    >
      <van-cell style="text-align: center;" @click="handleCommand('a')" title="编辑" />
      <van-cell
        style="text-align: center;"
        @click="handleCommand('b')"
        v-if="!dangqianshangpin.is_top"
        title="置顶"
      />
      <van-cell
        @click="handleCommand('c')"
        v-if="!dangqianshangpin.is_main"
        style="text-align: center;"
        title="主推"
      />
      <van-cell
        @click="handleCommand('bb')"
        v-if="dangqianshangpin.is_top"
        style="text-align: center;"
        title="取消置顶"
      />
      <van-cell
        @click="handleCommand('cc')"
        v-if="dangqianshangpin.is_main"
        style="text-align: center;"
        title="取消主推"
      />
      <van-cell @click="handleCommand('d')" style="text-align: center;" title="设置排序" />
      <van-cell
        @click="handleCommand('e')"
        v-if="dangqianshangpin.status == 100"
        style="text-align: center;"
        title="下架商品"
      />
      <van-cell
        @click="handleCommand('f')"
        v-if="dangqianshangpin.status == 0"
        style="text-align: center;"
        title="上架商品"
      />
      <van-cell @click="handleCommand('g')" style="text-align: center;" title="上架佣金设置" />
      <!-- <van-cell @click="handleCommand('h')" style="text-align: center;" title="套餐设置" /> -->
      <van-cell @click="handleCommand('i')" style="text-align: center;" title="同步敢探号信息" />
    </van-popup>
    <van-popup v-model="c2show" round position="bottom">
      <van-picker
        show-toolbar
        :columns="orderoptions2"
        value-key="value"
        @cancel="c2show = false"
        @confirm="c2ok"
      ></van-picker>
    </van-popup>
    <!-- 这边是筛选的弹窗 -->
    <van-popup
      v-if="shoujiban"
      v-model="isSiftModal"
      position="bottom"
      :style="{ height: '50%' ,padding:'20px 15px 0 15px',borderRadius:'20px 20px 0 0',overflow:'auto'}"
    >
      <div style="font-size:14px;">运营商</div>
      <div class="commission_interval">
        <div
          class="commission_item"
          :style="{color:isColor==1?'#2757FF':'#787D85'}"
          @click="isColorfun(1);"
        >中国联通</div>
        <div
          class="commission_item"
          :style="{color:isColor==2?'#2757FF':'#787D85'}"
          @click="isColorfun(2);"
        >中国移动</div>
        <div
          class="commission_item"
          :style="{color:isColor==3?'#2757FF':'#787D85'}"
          @click="isColorfun(3);"
        >中国电信</div>
        <div
          class="commission_item"
          :style="{color:isColor==4?'#2757FF':'#787D85'}"
          @click="isColorfun(4);"
        >中国广电</div>
      </div>
      <div style="font-size:14px;margin-top:10px;">佣金区间</div>
      <div class="commission_interval">
        <div
          @click="isSelectfun(1);"
          class="commission_item"
          :style="{color:isSelect==1?'#2757FF':'#787D85'}"
        >0-50</div>
        <div
          @click="isSelectfun(2)"
          class="commission_item"
          :style="{color:isSelect==2?'#2757FF':'#787D85'}"
        >50-100</div>
        <div
          @click="isSelectfun(3)"
          class="commission_item"
          :style="{color:isSelect==3?'#2757FF':'#787D85'}"
        >100-200</div>
        <div
          @click="isSelectfun(4)"
          class="commission_item"
          :style="{color:isSelect==4?'#2757FF':'#787D85'}"
        >200及以上</div>
      </div>
      <div></div>
      <div
        style="display:flex;font-size:12px;margin-top:15px;width:100%;display:flex;justify-content:flex-start;align-items: center;"
      >
        <div>
          <input
            v-model="c_commission_start"
            placeholder="自定义"
            class="commission_input"
            @focus="isSelect=5"
          />
        </div>
        <div style="color:#AFB3BC;margin:0 2px">-</div>
        <div>
          <input
            v-model="c_commission_end"
            placeholder="自定义"
            class="commission_input"
            @focus="isSelect=5"
          />
        </div>
      </div>

      <div style="display: flex;gap:15px;margin-top: 20px;">
        <div class="cancel" @click="resetClick">重置</div>
        <div class="onOK" @click="onOk">确定</div>
      </div>
    </van-popup>
    <!-- 这边是佣金设置的弹窗 -->
    <van-popup
      v-if="shoujiban"
      v-model="isShopModal"
      position="bottom"
      :style="{ height: '70%' ,padding:'15px 15px 0 15px',borderRadius:'20px 20px 0 0',overflow:'auto'}"
    >
      <div v-if="shezhiitem.settlement_status!=3">
        <div style="color:#020C1D;font-size:16px;text-align:center;margin-bottom:30px">设置销售佣金</div>
        <div class="commission_input_layout" style="padding:0 5px">
          <div style="font-size:14px;width:120px">销售佣金</div>
          <el-input v-model="yongjinall.commission"></el-input>
          <img @click="commissionClearEnent" src="../../../static/appimg/icon_delete.png" alt="" style="width:16px;height:16px;cursor:pointer;"/>
        </div>
      </div>
      <div v-else>
        <div style="color:#020C1D;font-size:16px;text-align:center">设置销售佣金</div>
        <div style="color:#020C1D;font-size:16px;margin-top:15px;margin-bottom:10px">订单激活</div>
        <div class="input_conatinaer">
          <div class="input_boxs">
            <div style="font-size:14px;width:140px">销售佣金</div>
            <el-input
              class="commissonInpt"
              v-model="t_active_commission"
              style="height:50px;background:#F6F8FB;border:0;border-radius:15px;"
            />
          </div>
        </div>
        <div style="color:#020C1D;font-size:16px;margin-top:15px;margin-bottom:10px">充值</div>
        <div class="input_conatinaers">
          <div style="font-size:14px" class="outweigh">充值大于</div>
          <div class="input_Recharge">
            <el-input
              class="RechargeInpt"
              v-model="t_first_recharge_one"
              style="height:50px;background:#F6F8FB;border:0;border-radius:15px;"
            />
          </div>
          <div style="font-size:14px;margin-left:10px" class="outweigh">销售佣金</div>
          <div class="input_Recharge">
            <el-input
              class="RechargeInpt"
              v-model="t_first_recharge_one_commission"
              style="height:50px;background:#F6F8FB;border:0;border-radius:15px;"
            />
          </div>
        </div>
        <div class="input_conatinaers" style="margin-top:15px">
          <div style="font-size:14px" class="outweigh">充值大于</div>
          <div class="input_Recharge">
            <el-input
              class="RechargeInpt"
              v-model="t_first_recharge_two"
              style="height:50px;background:#F6F8FB;border:0;border-radius:15px;"
            />
          </div>
          <div style="font-size:14px;margin-left:10px" class="outweigh">销售佣金</div>
          <div class="input_Recharge">
            <el-input
              class="RechargeInpt"
              v-model="t_first_recharge_two_commission"
              style="height:50px;background:#F6F8FB;border:0;border-radius:15px;"
            />
          </div>
        </div>
      </div>
      <div class="inStore" @click="shezhigo">保存</div>
    </van-popup>
    <!-- 这边是查看资料 -->
    <van-popup
     closeable
      v-if="shoujiban"
      v-model="informationModal"
      position="bottom"
      :style="{ height: '80%' ,padding:'15px',borderRadius:'20px 20px 0 0',overflow:'auto'}"
    >
    <div style="text-align:center;font-size:15px">{{fuwenbentitle}}</div>
     <div v-html="fuwenben2" style="margin:20px 0;padding:10px;border-radius:15px;width:100%;background:#ccc"></div>
      <div style="width:100%;height:50px;display:flex;align-items: center;justify-content: center;font-size:15px;border-bottom:1px solid #f2f2f2;">
          <div style="width:30%;color: #6A6A6A">上下架状态</div>
          <div style="width:70%;">
            <div v-if="sxjstatus==100" style="display: inline-block;color:black">上架</div>
            <div v-if="sxjstatus==0" style="display: inline-block;color:black">下架</div>
          </div>
      </div>
      <div style="width:100%;height:50px;display:flex;align-items: center;justify-content: center;font-size:15px;border-bottom:1px solid #f2f2f2;">
          <div style="width:30%;color: #6A6A6A">上线时间</div>
          <div style="width:70%;display: inline-block;color:black">{{ created_at }}</div>
      </div>
            <div style="width:100%;height:50px;display:flex;align-items: center;justify-content: center;font-size:15px;border-bottom:1px solid #f2f2f2;">
          <div style="width:30%;color: #6A6A6A">开卡年龄</div>
          <div style="width:70%;display: inline-block;color:black">{{ min_age }}~{{ max_age }}</div>
      </div>
                  <div style="width:100%;height:50px;display:flex;align-items: center;justify-content: center;font-size:15px;border-bottom:1px solid #f2f2f2;">
          <div style="width:30%;color: #6A6A6A">合约期</div>
          <div style="width:70%;">
             <div v-if="contract==0" style="display: inline-block;color: black">无</div>
            <div v-if="contract==1" style="display: inline-block;color: black">1个月</div>
            <div v-if="contract==2" style="display: inline-block;color: black">2个月</div>
            <div v-if="contract==3" style="display: inline-block;color: black">3个月</div>
            <div v-if="contract==4" style="display: inline-block;color:black">4个月</div>
            <div v-if="contract==5" style="display: inline-block;color: black">5个月</div>
            <div v-if="contract==6" style="display: inline-block;color: black">6个月</div>
            <div v-if="contract==7" style="display: inline-block;color: black">7个月</div>
            <div v-if="contract==8" style="display: inline-block;color: black">8个月</div>
            <div v-if="contract==9" style="display: inline-block;color: black">9个月</div>
            <div v-if="contract==10" style="display: inline-block;color: black">10个月</div>
            <div v-if="contract==11" style="display: inline-block;color: black">11个月</div>
            <div v-if="contract==12" style="display: inline-block;color: black">12个月</div>
            <div v-if="contract==24" style="display: inline-block;color: black">24个月</div>
            <div v-if="contract==36" style="display: inline-block;color:black">36个月</div>
            <div v-if="contract==48" style="display: inline-block;color:black">48个月</div>
          </div>
      </div>
      <div style="width:100%;height:50px;display:flex;align-items: center;justify-content: center;font-size:15px;border-bottom:1px solid #f2f2f2;">
          <div style="width:30%;color: #6A6A6A">支持选号</div>
          <div style="width:70%;display: inline-block;color:black">
             <div
              v-if="take_number==1||take_number==2"
              style="display: inline-block;color: black;"
            >支持选号</div>
            <div v-if="take_number==0" style="display: inline-block;color: black;">不支持</div>
          </div>
      </div>
       <div style="width:100%;height:50px;display:flex;align-items: center;justify-content: center;font-size:15px;border-bottom:1px solid #f2f2f2;">
          <div style="width:30%;color: #6A6A6A">快递方式</div>
          <div style="width:70%;display: inline-block;color:black">{{ express }}</div>
      </div>
        <div style="width:100%;height:50px;display:flex;align-items: center;justify-content: center;font-size:15px;border-bottom:1px solid #f2f2f2;">
          <div style="width:30%;color: #6A6A6A">激活方式</div>
          <div style="width:70%;display: inline-block;color:black">{{ activation_method }}</div>
      </div>

    </van-popup>
    <van-popup
      v-if="shoujiban"
      v-model="isSortModal"
      position="bottom"
      :style="{ height: '35%' ,padding:'15px 15px 0 15px',borderRadius:'20px 20px 0 0',overflow:'auto'}"
    >
      <div style="display: flex;align-items: center;justify-content: center;margin-bottom:15px">
        <span style="font-size:16px">设置排序</span>
        <img
          @click="isSortModal=false"
          style="width:15px;position: absolute;right: 15px;"
          src="./png/close.png"
        />
      </div>
      <div class="input_conatinaer">
        <div class="input_box sore_input">
          <el-input
            class="sort_placeholder"
            placeholder="请输入排序"
            v-model="dangqianshangpin.order"
            style="width: 310px;height:50px;background:#F6F8FB;border:0;border-radius:15px"
          />
          <img
            src="../../../static/appimg/icon_delete.png"
            alt
            style="width:16px;height:16px"
            @click="clearClick"
          />
        </div>
      </div>
      <div style="display: flex;gap:15px;margin-top: 30px;">
        <div class="cancel" @click="isSortModal = false">取消</div>
        <div class="onOK" @click="xiugai">确定</div>
      </div>
    </van-popup>
    <!--  上架佣金设置 -->
    <el-dialog
      title="上架佣金设置"
      :visible.sync="isshowmoney"
      width="700px"
      :close-on-click-modal="false"
    >
      <div>
        <div class="t_flex_w" style="margin-bottom: 20px;">
          <div class="t_yj_title">商品可见：</div>
          <div>
            <div class="t_flex_w">
              <div class="t_radio_box">
                <el-radio v-model="goods_display" :label="1">仅自己可见</el-radio>
              </div>
              <div class="t_radio_box">
                <el-radio v-model="goods_display" :label="0">全部分销商可见</el-radio>
              </div>
            </div>
          </div>
        </div>
        <div class="t_flex_w">
          <div class="t_yj_title"  style="margin-bottom:10px">佣金结算触发方式：</div>
          <div>
            <div class="t_flex_w">
              <div class="t_radio_box">
                <el-radio @change="changeradio1" v-model="radiorg" label="1">人工触发</el-radio>
              </div>
              <div style="color: #B0B0B0;">人工导入要结算的订单，触发结算</div>
            </div>
            <div class="t_flex_w" style="margin-top: 20px;margin-bottom: 20px;">
              <div class="t_radio_box">
                <el-radio @input="changeradio2" v-model="radiozd" label="1">自动触发（实时结算）</el-radio>
              </div>
              <div style="color: #B0B0B0;">系统根据敢探号订单激活状态自动触发结算</div>
            </div>
            <div style="margin-bottom: 20px;" v-if="radiozd=='1'&& is_qfx== 1">
              设置订单的佣金结算次数
              <el-select v-model="yjjstype" placeholder="请选择">
                <el-option label="单次佣金结算" value="1"></el-option>
                <el-option label="二阶段佣金结算" value="2"></el-option>
              </el-select>
            </div>
            <div class="t_flex_w" style="align-items: center;" v-if="radiozd=='1'&&yjjstype=='1'">
              <div>选择触发状态：</div>
              <el-select v-model="computedValue" placeholder="请选择">
                <el-option label="激活" value="1"></el-option>
                <el-option label="激活且充值" value="2"></el-option>
                <el-option label="已发货" value="10" @click.native="sendClick" v-if="!(is_qfx== 1)"></el-option>
                <!--  -->
              </el-select>
            </div>
            <div v-if="radiozd=='1'&&yjjstype=='2'" class="t_set_js">
              <div class="t_set_js_title">
                <div class="t_one_row">阶段</div>
                <div class="t_two_row">佣金结算条件</div>
                <div class="t_three_row">结算额度</div>
              </div>
              <div class="t_set_js_j1">
                <div class="t_one_row">一阶段</div>
                <div class="t_two_row">订单激活</div>
                <div class="t_three_row">
                  <el-input
                    type="number"
                    v-model="t_active_commission"
                    class="t_set_js_input"
                    placeholder
                  ></el-input>
                </div>
              </div>
              <div class="t_set_js_j2">
                <div class="t_one_row">二阶段</div>
                <div class="t_two_row">
                  <div class="chongzhi">
                    充值大于
                    <el-input
                      v-model="t_first_recharge_one"
                      type="number"
                      class="t_set_js_input"
                      placeholder
                    ></el-input>
                  </div>
                  <div class="chongzhi">
                    充值大于
                    <el-input
                      v-model="t_first_recharge_two"
                      type="number"
                      class="t_set_js_input"
                      placeholder
                    ></el-input>
                  </div>
                </div>
                <div class="t_three_row">
                  <div>
                    <el-input
                      v-model="t_first_recharge_one_commission"
                      type="number"
                      class="t_set_js_input"
                      placeholder
                    ></el-input>
                  </div>
                  <div>
                    <el-input
                      v-model="t_first_recharge_two_commission"
                      type="number"
                      class="t_set_js_input"
                      placeholder
                    ></el-input>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="t_flex_w t_flex_ws" style="margin-top: 30px;">
          <div class="t_yj_title">佣金结算条件：</div>
          <div>
            <el-input v-model="yjtext" placeholder="默认填写从敢探号同步过来的"></el-input>
            <div style="color: #FF0C0C;margin-top: 10px;font-size: 14px;">该规则会展示给所有层级的分销商，请避免直接写金额</div>
          </div>
        </div>
      </div>
      <div style="text-align: right;margin-top: 30px;">
        <el-button round @click="isshowmoney = false">取 消</el-button>
        <el-button round type="primary" @click="suresetyj">确 定</el-button>
      </div>
    </el-dialog>
    <!-- 上架佣金设置 手机版 -->
     <van-popup
      v-if="shoujiban"
      v-model="listModal"
      closeable
      position="bottom"
      :style="{ height: '80%',padding:'15px',borderRadius:'20px 20px 0 0', }"
      title="上架佣金设置"
    >
      <div>
        <div style="font-size:16px;text-align:center">上架佣金设置</div>
        <div class="t_flex_w" style="margin-bottom: 20px;">
          <div style="font-size:14px;margin:10px 0">商品可见：</div>
          <div>
            <div class="t_flex_w">
              <div class="t_radio_box">
                <el-radio v-model="goods_display" :label="1">仅自己可见</el-radio>
              </div>
              <div class="t_radio_box" style="margin-top:10px">
                <el-radio v-model="goods_display" :label="0">全部分销商可见</el-radio>
              </div>
            </div>
          </div>
        </div>
        <div class="t_flex_w">
          <div style="font-size:14px;margin:10px 0">佣金结算触发方式：</div>
          <div>
            <div class="t_flex_w">
              <div class="t_radio_box">
                <el-radio @change="changeradio1" v-model="radiorg" label="1">人工触发</el-radio>
              </div>
              <div style="color: #B0B0B0;">人工导入要结算的订单，触发结算</div>
            </div>
            <div class="t_flex_w" style="margin-top: 20px;margin-bottom: 20px;">
              <div class="t_radio_box">
                <el-radio @input="changeradio2" v-model="radiozd" label="1">自动触发（实时结算）</el-radio>
              </div>
              <div style="color: #B0B0B0;">系统根据敢探号订单激活状态自动触发结算</div>
            </div>
            <div style="margin-bottom: 20px;" v-if="radiozd=='1'&& is_qfx== 1">
              设置订单的佣金结算次数
              <el-select v-model="yjjstype" placeholder="请选择">
                <el-option label="单次佣金结算" value="1"></el-option>
                <el-option label="二阶段佣金结算" value="2"></el-option>
              </el-select>
            </div>
            <div class="t_flex_w" style="align-items: center;" v-if="radiozd=='1'&&yjjstype=='1'">
              <div>选择触发状态：</div>
              <el-select v-model="computedValue" placeholder="请选择">
                <el-option label="激活" value="1"></el-option>
                <el-option label="激活且充值" value="2"></el-option>
                <el-option label="已发货" value="10" @click.native="sendClick" v-if="!(is_qfx== 1)"></el-option>
                <!--  -->
              </el-select>
            </div>
            <div v-if="radiozd=='1'&&yjjstype=='2'">
              <div class="t_set_js_titles">
                <div>阶段</div>
                <div style="margin:0 20px">佣金结算条件</div>
                <div>结算额度</div>
              </div>
              <div class="t_set_js_j1s">
                <div>一阶段</div>
                <div style="margin-left:30px;margin-right:20px">订单激活</div>
                <div>
                  <el-input
                    type="number"
                    v-model="t_active_commission"
                    class="t_set_js_input order_input"
                    placeholder
                  ></el-input>
                </div>
              </div>
              <div class="t_set_js_j2s">
                <div style="width:40px;margin-right:20px">二阶段</div>
                <div style="180px">
                  <div class="chongzhis">
                    <span style="margin-right:20px">充值大于</span>
                    <el-input
                      v-model="t_first_recharge_one"
                      type="number"
                      class="t_set_js_input chongzhi_input"
                      placeholder
                    ></el-input>
                  </div>
                  <div class="chongzhis">
                       <span style="margin-right:20px">充值大于</span>
                    <el-input
                      v-model="t_first_recharge_two"
                      type="number"
                      class="t_set_js_input chongzhi_input"
                      placeholder
                    ></el-input>
                  </div>
                </div>
                <div class="t_three_row">
                  <div>
                    <el-input
                      v-model="t_first_recharge_one_commission"
                      type="number"
                      class="t_set_js_input chongzhi_input"
                      placeholder
                    ></el-input>
                  </div>
                  <div>
                    <el-input
                      v-model="t_first_recharge_two_commission"
                      type="number"
                      class="t_set_js_input chongzhi_input"
                      placeholder
                    ></el-input>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="t_flex_w t_flex_ws" style="margin-top: 30px;">
          <div style="font-size:14px;margin:10px 0">佣金结算条件：</div>
          <div>
            <el-input v-model="yjtext" placeholder="默认填写从敢探号同步过来的"></el-input>
            <div style="color: #FF0C0C;margin-top: 10px;font-size: 14px;">该规则会展示给所有层级的分销商，请避免直接写金额</div>
          </div>
        </div>
      </div>
      <div style="text-align: right;margin-top: 30px;">
        <el-button round @click="listModal = false">取 消</el-button>
        <el-button round type="primary" @click="suresetyj">确 定</el-button>
      </div>
    </van-popup>
  <!-- 上架佣金设置 手机版 -->
  <!-- 已发货弹窗 -->
    <el-dialog title="提示" class="jg-file-viewer" :visible.sync="deliveryModal" width="80%" :before-close="handleClose" v-if="shoujiban" :style="{' z-index': '999999999' }">
      <span>严重警告：已发货结算佣金风险极高，您可能蒙受损失，确定要使用该种方式触发结算么?</span>
      <span slot="footer" class="dialog-footer">
        <el-button @click="deliveryModal = false">取 消</el-button>
        <el-button type="primary" @click="deliveryModal = false" :disabled="totalTime > 0">
          <span v-if="totalTime > 0">确 定 ({{ totalTime }})</span>
          <span v-else>确 定</span>
        </el-button>
      </span>
    </el-dialog>
    <!-- 在售商品 -->
    <van-popup v-model="c1show" round position="bottom">
      <van-picker
        show-toolbar
        :columns="orderoptions"
        value-key="value"
        @cancel="c1show = false"
        @confirm="c1ok"
      ></van-picker>
    </van-popup>
    <el-dialog title="自动上架提示" :visible.sync="isshowauto" width="500px">
      <div>使用自动上架功能，佣金结算将采用人工导入触发的方式，佣金结算规则为空，这不利于下游了解佣金结算条件，是否仍要开启？</div>
      <span slot="footer" class="dialog-footer">
        <el-button round @click="failup">取 消</el-button>
        <el-button round type="primary" @click="issureup">确 定</el-button>
      </span>
    </el-dialog>
    <!-- 提示 -->
    <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
      <span>严重警告：已发货结算佣金风险极高，您可能蒙受损失，确定要使用该种方式触发结算么?</span>
      <span slot="footer" class="dialog-footer">
        <el-button @click="removeClick">取 消</el-button>
        <el-button type="primary" @click="dialogVisible = false" :disabled="totalTime > 0">
          <span v-if="totalTime > 0">确 定 ({{ totalTime }})</span>
          <span v-else>确 定</span>
        </el-button>
      </span>
    </el-dialog>
    <!-- 提示 -->

    <!-- <xiazaierweima ref="xiazaierweima" :item="item" v-if="relo"></xiazaierweima> -->

    <html2canvass ref="html2canvass" :item="item" v-if="html2canvaslog"></html2canvass>
  </div>
</template>

<script>
import QRCode from "qrcodejs2";
import left from "../left.vue";
import xiazaierweima from "./zujian/xiazaierweima.vue";
import html2canvass from "./zujian/html2canvas.vue";

import top from "../top.vue";
import topandleft from "../topandleft.vue";
import fuwenben from "@/components/fuwenben.vue";
import footerApp from "../footerApp.vue";

export default {
  name: "gongyingshangshangpin",
  components: {
    left,
    top,
    topandleft,
    footerApp,
    fuwenben,
    xiazaierweima,
    html2canvass
  },
    props: {
    hide: false
  },
  data() {
    return {
      html2canvaslog:false,
      deliveryModal:false,
      interval: null,
      totalTime: 5,
      timer: null,
      dialogVisible: false,
      nowtab: 1,
      fuwenbentitle: "",
      logfuwuben: false,
      relo: true,
      isRegion: false,
      c2show: false,
      fuwenben: {
        id: "",
        package_text: "",
        min_age: "",
        max_age: "",
        contract: "",
        express: "",
        activation_method: ""
      },
      informationModal:false,
      fuwenben2: "",
      min_age: "",
      max_age: "",
      contract: "",
      express: "",
      activation_method: "",
      sxjstatus: "",
      created_at: "",
      take_number: "",
      logfuwenben2: false,
      all: {},
      all2: {},
      search: {
        page: 1,
        page_size: 20,
        fetch_code: "",
        fetch_title: "",
        status: 100,
        title: "",
        selling_point: "",
        order: 1,
        inventory_low: "0",
        operator: "",
        c_commission_start: "",
        c_commission_end: ""
      },
      c_commission_start: "",
      c_commission_end: "",
      list: [],
      total: 0,
      shield_num: 0,
      dangqianshangpin: "",
      erweima_log: false,
      loading: true,
      paixu_log: false,
      log2: false,
      log3: false,
      log4: false,
      autogrounding: false,
      wailian: "",
      widthss: false,
      yongjinall: {
        page_id: "",
        commission: ""
      },
      kucunall: {
        inventory: ""
      },
      shoujiban: false,
      isshowmoney: false,
      listModal: false,
      radiorg: "",
      radiozd: "",
      jhstate: "",
      yjjstype: "1",
      yjtext: "",
      isshowauto: false,
      goods_display: 0,
      item: "",
      heyueqiOptions: [
        {
          value: 0,
          label: "无"
        },
        {
          value: 1,
          label: "1个月"
        },
        {
          value: 2,
          label: "2个月"
        },
        {
          value: 3,
          label: "3个月"
        },
        {
          value: 4,
          label: "4个月"
        },
        {
          value: 5,
          label: "5个月"
        },
        {
          value: 6,
          label: "6个月"
        },
        {
          value: 7,
          label: "7个月"
        },
        {
          value: 8,
          label: "8个月"
        },
        {
          value: 9,
          label: "9个月"
        },
        {
          value: 10,
          label: "10个月"
        },
        {
          value: 11,
          label: "11个月"
        },
        {
          value: 12,
          label: "12个月"
        },
        {
          value: 24,
          label: "24个月"
        },
        {
          value: 36,
          label: "36个月"
        },
        {
          value: 48,
          label: "48个月"
        }
      ],
      t_active_commission: "",
      t_first_recharge_one: "",
      t_first_recharge_two: "",
      t_first_recharge_one_commission: "",
      t_first_recharge_two_commission: "",
      shezhiitem: {},
      shezhikucunitem: {},
      is_qfx: 0,
      sys: "",
      applog: false,
      scrollTop:0,
      c1name: "上架中",
      orderoptions: [
        { value: "上架中", key: 100 },
        { value: "已下架", key: 0 }
      ],
      orderoptions2: [
        { value: "秒返", key: 1 },
        { value: "次月返", key: 0 }
      ],
      c2name: "结算类型",
      c1show: false,
      isSortModal: false,
      isSiftModal: false,
      isShopModal: false,
      isColor: 0,
      isSelect: 0,
      activeName: "two",
      jilulist:[],
      jilulog:false
    };
  },
beforeRouteLeave(to, from, next) {
 if(document.getElementById('zaishoushangpin')){
 this.scrollTop = document.getElementById('zaishoushangpin').scrollTop || 0;
}
next()
},
activated() {
 if(document.getElementById('zaishoushangpin')){
 document.getElementById('zaishoushangpin').scrollTop = this.scrollTop || 0;
}
},
  created() {
    if (this.$route.query.nowtab) {
      this.nowtab = this.$route.query.nowtab;
    }
    this.search.inventory_low = this.$route.query.inventory_low;
    this.getzidongshangjia();

    axios.get("/api/base/info/get").then(response => {
      if (response.data.msg.code == 0) {
        this.sys = response.data.data;
      } else {
        this.$message.error(response.data.msg.info);
      }
    });
  },
  mounted() {
    if (window.screen.width == 1920) {
      this.widthss = true;
    }
    if (window.screen.width < 1080) {
      this.shoujiban = true;
      var h = document.documentElement.clientWidth / 7.5 + "px";
      document.documentElement.style.fontSize = h;
      this.search.page_size = 200;
    }
    // this.wailian = location.origin + '/h5/index?shop_id=' + JSON.parse(localStorage.getItem('user')).id
    this.wailian = location.origin + "/h5/index";
    this.getlist();
    this.getqfx();
  },
  methods: {
    jilu:function(item){
      axios
        .get("/own/page/commission/log?page_id="+item.id)
        .then(response => {
          if (response.data.msg.code == 0) {
            this.jilulist = response.data.data
            this.jilulog = true
          } else {
            this.$message.error(response.data.msg.info);
          }
        });
    },
    informationClick(item){
      this.fuwenbentitle = item.title;
      this.fuwenben2 = item.package_text;
      this.min_age = item.min_age;
      this.max_age = item.max_age;
      this.contract = item.contract;
      this.express = item.express;
      this.activation_method = item.activation_method;
      this.sxjstatus = item.status;
      this.created_at = item.created_at;
      this.take_number = item.take_number;
      if (item.package_text && item.package_text !== "") {
        this.informationModal = true;
      } else {
        this.informationModal = false;
      }
    },
      choosetab: function(val) {
        console.log('this.activeName ',this.activeName )
        if(val === 'one'){
          window.location.href = '/hou/shangpinguanli/gongyingshangshangpin'
        }else{
           this.activeName = val;

        }
    },
    commissionClearEnent(){
        this.yongjinall.commission = ""
    },
    resetClick() {
      this.search.page = 1;
      this.isColor = 0;
      this.isSelect = 0;
      this.c_commission_start = "";
      this.c_commission_end = "";
      this.search.operator = "";
      this.search.c_commission_start = "";
      this.search.c_commission_end = "";
      this.isSiftModal = false;
      this.getlist();
    },
    onOk() {
      if (this.isColor == 1) {
        this.search.operator = 10010;
      } else if (this.isColor == 2) {
        this.search.operator = 10086;
      } else if (this.isColor == 3) {
        this.search.operator = 10000;
      } else if (this.isColor == 4) {
        this.search.operator = 10099;
      }
      if (this.isSelect == 1) {
        this.search.c_commission_start = 0;
        this.search.c_commission_end = 50;
      } else if (this.isSelect == 2) {
        this.search.c_commission_start = 50;
        this.search.c_commission_end = 100;
      } else if (this.isSelect == 3) {
        this.search.c_commission_start = 100;
        this.search.c_commission_end = 200;
      } else if (this.isSelect == 4) {
        this.search.c_commission_start = 200;
        this.search.c_commission_end = "";
      } else if (this.isSelect == 5) {
        this.search.c_commission_start = this.c_commission_start;
        this.search.c_commission_end = this.c_commission_end;
      }
      this.isSiftModal = false;
      this.getlist();
    },
    isColorfun(val) {
      this.isColor = val;
    },

    isSelectfun(val) {
      this.isSelect = val;
    },
    siftModalclick() {
      (this.isSiftModal = true), (this.search.c_commission_start = "");
      this.search.c_commission_end = "";
    },
    setUpClick(item) {
      this.shezhiitem = item;
      this.yongjinall = {
        page_id: item.id,
        commission: item.c_commission
      };

      if (item.settlement_status == 3) {
        this.getgxyj(item.id);
      }

      this.isShopModal = true;
    },
    c1ok: function(v, i) {
      this.search.status = v.key;
      this.c1name = v.value.slice(0, 4);
      this.c1show = false;
    },
    c2ok: function(v, i) {
      this.search.settlement_method = v.key;
      this.c2name = v.value.slice(0, 4);
      this.getlist();
      this.c2show = false;
    },
    clearClick() {
      this.dangqianshangpin = {};
    },
    removeClick: function() {
      this.dialogVisible = false;
      this.clearCountdown(); // 清除定时器
    },
    sendClick: function() {
      if(this.shoujiban){
       this.deliveryModal = true
      }else{
       this.dialogVisible = true;
      }
      this.totalTime = 5;
      this.clearCountdown(); // 清除之前的定时器
      this.startCountdown();
    },
    //清除定时器
    clearCountdown() {
      if (this.interval) {
        clearInterval(this.interval);
        this.interval = null;
      }
    },
    startCountdown() {
      this.interval = setInterval(() => {
        if (this.totalTime > 0) {
          this.totalTime--;
        } else {
          this.clearCountdown(); // 倒计时结束后清除定时器
        }
      }, 1000); // 每秒减少一次
    },
    xiazaiapp: function() {
      this.applog = true;
      this.$nextTick(() => {
        this.$refs.qrCodeUrlx.innerHTML = "";
        var qrcode = new QRCode(this.$refs.qrCodeUrlx, {
          text: this.sys + "?attname=", // 需要转换为二维码的内容
          width: 300,
          height: 300,
          colorDark: "#000000",
          colorLight: "#ffffff",
          correctLevel: QRCode.CorrectLevel.H
        });
      });
    },
    xiazaiapp2: function() {
      location.href = this.sys.app_url + "?attname=";
    },

    haibao: function(item) {

      this.html2canvaslog = false;
      this.item = JSON.parse(JSON.stringify(item));
      this.$nextTick(() => {
        this.html2canvaslog = true;
        this.$nextTick(() => {
          // this.$refs.xiazaierweima.getinfo();
        });
      });
    },
    logfuwenbenkai2: function(item) {
      console.log("item123456", item);
      this.fuwenbentitle = item.title;
      this.fuwenben2 = item.package_text;
      this.min_age = item.min_age;
      this.max_age = item.max_age;
      this.contract = item.contract;
      this.express = item.express;
      this.activation_method = item.activation_method;
      this.sxjstatus = item.status;
      this.created_at = item.created_at;
      this.take_number = item.take_number;
      if (item.package_text && item.package_text !== "") {
        this.logfuwenben2 = true;
      } else {
        this.logfuwenben2 = false;
      }
    },
    //屏蔽相关
    pingbi: function(item) {
      if (item.block_id == null) {
        axios
          .post("/own/page/shield/set", {
            type: 1,
            page_id: item.id
          })
          .then(response => {
            if (response.data.msg.code == 0) {
              this.$message.success("屏蔽成功，您的微小店将不再显示该商品");
              this.getlist();
            } else {
              this.$message.error(response.data.msg.info);
            }
          });
      }
      if (item.block_id != null) {
        axios
          .post("/own/page/shield/set", {
            type: 0,
            page_id: item.id,
            block_id: item.block_id
          })
          .then(response => {
            if (response.data.msg.code == 0) {
              this.$message.success("已取消屏蔽");
              this.getlist();
            } else {
              this.$message.error(response.data.msg.info);
            }
          });
      }
    },
    peizhigo: function() {
      axios.post("/own/micro/store/limit/update", this.all2).then(response => {
        if (response.data.msg.code == 0) {
          this.$message.success("设置成功");
          this.log3 = false;
        } else {
          this.$message.error(response.data.msg.info);
        }
      });
    },
    peizhikai: function() {
      axios.get("/own/micro/store/limit/get").then(response => {
        if (response.data.msg.code == 0) {
          if (response.data.data) {
            this.all2 = response.data.data;
          }

          this.log3 = true;
        } else {
          this.$message.error(response.data.msg.info);
        }
      });
    },
    shezhi: function(item) {
      this.shezhiitem = item;
      this.yongjinall = {
        page_id: item.id,
        commission: item.c_commission
      };

      if (item.settlement_status == 3) {
        this.getgxyj(item.id);
      }

      this.log2 = true;
    },
    shezhigo: function() {
      if (this.shezhiitem.settlement_status != 3) {
        axios
          .post("/own/page/commissionmake", this.yongjinall)
          .then(response => {
            if (response.data.msg.code == 0) {
              this.$message.success("设置成功");
              this.getlist();
              if (this.shoujiban) {
                this.isShopModal = false;
              } else {
                this.log2 = false;
              }
            } else {
              this.$message.error(response.data.msg.info);
            }
          });
      } else {
        //配置个性佣金
        this.setgxyj(this.shezhiitem.id);
      }
    },
    openw2: function(item) {
      let url = location.origin + "/h5/order?id=" + item.id;
      // let url = location.origin + '/h5/order?shop_id=' + JSON.parse(localStorage.getItem('user')).id + '&id=' + item.id
      this.openw(url);
    },
    fuzhidizhi: function(id) {
      this.copy(`${window.location.origin}/h5/order?id=${id}`);
    },
    gengxinautogrounding: function() {
      if (this.autogrounding == 1) {
        this.isshowauto = true;
      } else {
        axios
          .post("/own/system/config", {
            auto_grounding: this.autogrounding
          })
          .then(response => {
            if (response.data.msg.code == 0) {
              this.$message.success("设置成功");
            } else {
              this.$message.error(response.data.msg.info);
            }
          });
      }
    },
    getzidongshangjia: function() {
      axios.get("/own/goods/autogrounding").then(response => {
        if (response.data.msg.code == 0) {
          this.autogrounding = response.data.data.value;
        } else {
          this.$message.error(response.data.msg.info);
        }
      });
    },
    xiazai: function() {
      var canvas = document
        .getElementsByClassName("qrcode")[0]
        .getElementsByTagName("canvas")[0];
      var img2x = canvas.toDataURL("image/png");

      // let img = document.getElementsByClassName('qrcode')[0].childNodes[1]
      var a = document.createElement("a");
      a.download = "erweima"; //这边是文件名，可以自定义
      a.href = img2x;
      document.body.appendChild(a);
      a.click();
      document.body.removeChild(a);
    },
    creatQrCode(val, item) {
      var url = "";
      if (val == 1) {
        url = this.wailian;
      }
      if (val == 2) {
        url = location.origin + "/h5/order?id=" + item.id;
      }

      this.erweima_log = true;
      this.$nextTick(() => {
        this.$refs.qrCodeUrl.innerHTML = "";
        if (this.shoujiban) {
          var qrcode = new QRCode(this.$refs.qrCodeUrl, {
            text: url, // 需要转换为二维码的内容
            width: 200,
            height: 200,
            colorDark: "#000000",
            colorLight: "#ffffff",
            correctLevel: QRCode.CorrectLevel.H
          });
        } else {
          var qrcode = new QRCode(this.$refs.qrCodeUrl, {
            text: url, // 需要转换为二维码的内容
            width: 400,
            height: 400,
            colorDark: "#000000",
            colorLight: "#ffffff",
            correctLevel: QRCode.CorrectLevel.H
          });
        }
      });
    },
    sousuo: function() {
      this.search.page = 1;
      this.getlist();
    },
    getlist: function() {
      axios.get("/own/page/list", { params: this.search }).then(response => {
        if (response.data.msg.code == 0) {
          this.list = response.data.data.data;
          this.list.forEach(item => {
            item.selling_point = JSON.parse(item.selling_point);
          });
          this.total = response.data.data.total;
          this.shield_num = response.data.data.shield_num;
          this.loading = false;
        } else {
          this.$message.error(response.data.msg.info);
        }
      });
    },
    changestatus: function(item) {
      this.search.status = item;
      this.sousuo();
    },
    changorder: function(item) {
      this.search.order = item;
      this.sousuo();
    },
    fanye: function(val) {
      this.search.page = val;
      this.getlist();
    },
    xuanzhong: function(item) {
      console.log("9999", item);
      this.dangqianshangpin = item;
      if (this.shoujiban) {
        this.isRegion = true;
      }
    },

    xiugai: function() {
      let all = JSON.parse(JSON.stringify(this.dangqianshangpin));
      all.selling_point = JSON.stringify(all.selling_point);
      axios.post("/own/page/update", all).then(response => {
        if (response.data.msg.code == 0 && !this.shoujiban) {
          this.$message.success("设置成功");
          this.getlist();
          this.paixu_log = false;
        } else if (response.data.msg.code == 0 && this.shoujiban) {
          this.$message.success("设置成功");
          this.getlist();
          this.isSortModal = false;
        } else {
          this.$message.error(response.data.msg.info);
        }
      });
    },

    handleCommand: function(e) {
      if (this.shoujiban) {
        this.isRegion = false;
      }
      if (e == "a") {
        this.$router.push(
          "/shangpinguanli/zaishoushangpin/bianjishangpin?id=" +
            this.dangqianshangpin.id
        );
      }
      if (e == "b") {
        this.dangqianshangpin.is_top = moment().unix();
        this.xiugai();
      }
      if (e == "bb") {
        this.dangqianshangpin.is_top = 0;
        this.xiugai();
      }
      if (e == "c") {
        this.dangqianshangpin.is_main = 1;
        this.xiugai();
      }
      if (e == "cc") {
        this.dangqianshangpin.is_main = 0;
        this.xiugai();
      }
      if (e == "d" && !this.shoujiban) {
        this.paixu_log = true;
      } else if (e == "d" && this.shoujiban) {
        this.isSortModal = true;
      }
      if (e == "e") {
        this.dangqianshangpin.status = 0;
        this.shangxiajia(0);
      }
      if (e == "f") {
        this.dangqianshangpin.status = 100;
        this.shangxiajia(100);
      }
      if (e == "h") {
        //套餐设置选项
        console.log("套餐设置当前信息", this.dangqianshangpin);
        this.fuwenben = {
          id: this.dangqianshangpin.id,
          package_text: this.dangqianshangpin.package_text,
          min_age: this.dangqianshangpin.min_age,
          max_age: this.dangqianshangpin.max_age,
          contract: this.dangqianshangpin.contract,
          express: this.dangqianshangpin.express,
          activation_method: this.dangqianshangpin.activation_method
        };
        console.log("8888", this.fuwenben);
        this.logfuwuben = true;
        this.relo = false;
        this.$nextTick(() => {
          this.relo = true;
        });
      }

      if (e == "g") {
        //个性佣金查询
        this.getgxyj(this.dangqianshangpin.id);
        if(this.shoujiban){
          this.listModal = true
        }else{
          this.isshowmoney = true;
        }


        this.yjtext = "";
        this.radiorg = "";
        this.radiozd = "";
        this.jhstate = "";

        this.goods_display = this.dangqianshangpin.goods_display;

        this.yjtext = this.dangqianshangpin.commission_rule;
        if (this.dangqianshangpin.settlement_method == "0") {
          this.radiorg = "1";
        }
        if (this.dangqianshangpin.settlement_method == "1") {
          this.radiozd = "1";
        }
        if (this.dangqianshangpin.settlement_status == "1") {
          this.jhstate = "1";
          this.yjjstype = "1";
        }
        //已发货
        if (this.dangqianshangpin.settlement_status == "10") {
          console.log("settlement_status = 10 -- 1503");
          this.jhstate = "10";

          this.yjjstype = "1";
        }
        //已发货
        if (this.dangqianshangpin.settlement_status == "2") {
          this.jhstate = "2";
          this.yjjstype = "1";
        }
        if (this.dangqianshangpin.settlement_status == "3") {
          this.yjjstype = "2";
        }
      }

      if (e == "i") {
        axios
          .post("/own/order-page/info/sync", {
            page_id: this.dangqianshangpin.id
          })
          .then(response => {
            if (response.data.msg.code == 0) {
              this.$message.success("已成功同步敢探号信息");
              this.getlist();
            } else {
              this.$message.error(response.data.msg.info);
            }
          });
      }
    },
    getcontent: function(item) {
      this.fuwenben.package_text = item;
      const fonts = document.getElementsByTagName('font');
      for (let font of fonts) {
          const face = font.getAttribute('face');
          if (face) {
              font.style.setProperty('font-family', `"${face}"`, 'important');
              console.log(`修复字体: ${face}`);
          }
      }
    },
    fuwenbenbaocun: function() {
      axios.post("/own/page/package/set", this.fuwenben).then(response => {
        if (response.data.msg.code == 0) {
          this.$message.success("设置成功");
          this.logfuwuben = false;
          this.getlist();
        } else {
          this.$message.error(response.data.msg.info);
        }
      });
    },
    //设置佣金
    suresetyj() {
      var obj = {
        id: this.dangqianshangpin.id,
        commission_rule: this.yjtext,
        settlement_method: "",
        settlement_status: "",
        goods_display: this.goods_display
      };

      if (this.radiorg == "" && this.radiozd == "") {
        this.$message.error("请选择结算方式");
        return;
      }

      if (this.radiozd == "1" && this.yjjstype == "1") {
        if (this.jhstate == "") {
          this.$message.error("选择触发状态");
          return;
        }
      }
      if (this.radiozd == "1" && this.yjjstype == "2") {
        // if(this.jhstate==''){
        //   this.$message.error('选择触发状态');
        //   return
        // }
        // if(this.t_active_commission==''){
        //     this.$message.error('选择触发状态');
        //     return
        // }
        if (
          (this.t_first_recharge_one != "" &&
            this.t_first_recharge_one_commission != "") ||
          (this.t_first_recharge_two != "" &&
            this.t_first_recharge_two_commission != "")
        ) {
        } else {
          this.$message.error("请输入二阶段的完整金额");
          return;
        }
      }

      if (this.radiorg == "1") {
        obj.settlement_method = "0";
      }
      if (this.radiozd == "1") {
        obj.settlement_method = "1";
      }
      if (this.jhstate == "") {
        obj.settlement_status = "0";
      }
      if (this.jhstate == "1" && this.yjjstype == "1") {
        obj.settlement_status = "1";
      }
      // 已发货
      if (this.jhstate == "10") {
        obj.settlement_status = "10";
        console.log("settlement_status = 10 -- 1601");
      }
      // 已发货
      if (this.jhstate == "2" && this.yjjstype == "1") {
        obj.settlement_status = "2";
      }
      if (this.yjjstype == "2") {
        obj.settlement_status = "3";
      }

      //配置个性佣金
      this.setgxyj(this.dangqianshangpin.id);

      axios.post("/own/page/settlement/set", obj).then(response => {
        if (response.data.msg.code == 0) {
          this.$message.success("设置成功");
          this.getlist();
          if(this.shoujiban){
            this.listModal = false
          }else{
this.isshowmoney = false
          }

        } else {
          this.$message.error(response.data.msg.info);
        }
      });
    },
    //切换佣金方式
    changeradio1() {
      this.radiozd = "";
      this.jhstate = "";
    },
    changeradio2() {
      this.radiorg = "";
    },
    issureup() {
      axios
        .post("/own/system/config", {
          auto_grounding: this.autogrounding
        })
        .then(response => {
          if (response.data.msg.code == 0) {
            this.isshowauto = false;
            this.$message.success("设置成功");
          } else {
            this.$message.error(response.data.msg.info);
          }
        });
    },
    failup() {
      this.isshowauto = false;
      this.autogrounding = 0;
    },
    shangxiajia(status) {
      axios
        .post("/own/page/put-sale", {
          id: this.dangqianshangpin.id,
          status: status
        })
        .then(response => {
          if (response.data.msg.code == 0) {
            this.$message.success("设置成功");
            this.getlist();
          } else {
            this.$message.error(response.data.msg.info);
          }
        });
    },
    //分类管理
    Fenleiguanli() {
      this.$router.push({ path: "/shangpinguanli/fenleiguanli" });
    },
    //分类管理 app
    jumpClassify() {
      this.$router.push({ path: "/shangpinguanli/classify" });
    },
    //个性佣金查询
    getgxyj(id) {
      axios
        .get("/own/commission/pageConfigs", {
          params: {
            page_id: id
          }
        })
        .then(response => {
          if (response.data.msg.code == 0) {
            console.log("个性佣金查询");
            console.log(response.data);
            if (response.data.data == null) {
              this.t_active_commission = "";
              this.t_first_recharge_one = "";
              this.t_first_recharge_two = "";
              this.t_first_recharge_one_commission = "";
              this.t_first_recharge_two_commission = "";
            } else {
              this.t_active_commission = response.data.data.active_commission;
              this.t_first_recharge_one = response.data.data.first_recharge_one;
              this.t_first_recharge_two = response.data.data.first_recharge_two;
              this.t_first_recharge_one_commission =
                response.data.data.first_recharge_one_commission;
              this.t_first_recharge_two_commission =
                response.data.data.first_recharge_two_commission;
            }
          } else {
            this.$message.error(response.data.msg.info);
          }
        });
    },
    //配置个性佣金
    setgxyj(id) {
      axios
        .post("/own/commission/pageConfigs", {
          page_id: id,
          type: 1,
          rules: {
            name: "默认规则",
            active_commission: this.t_active_commission,
            first_recharge_one: this.t_first_recharge_one,
            first_recharge_one_commission: this.t_first_recharge_one_commission,
            first_recharge_two: this.t_first_recharge_two,
            first_recharge_two_commission: this.t_first_recharge_two_commission,
            rules: "我是规则描述"
          }
        })
        .then(response => {
          if (response.data.msg.code == 0) {
            if (this.shoujiban) {
              this.isShopModal = false;
            } else {
              this.log2 = false;
            }
            this.getlist();
          } else {
            // this.$message.error(response.data.msg.info);
          }
        });
    },
    //自定义加法运算
    addNum(arg1, arg2) {
      var r1, r2, m, c;
      try {
        r1 = arg1.toString().split(".")[1].length;
      } catch (e) {
        r1 = 0;
      }
      try {
        r2 = arg2.toString().split(".")[1].length;
      } catch (e) {
        r2 = 0;
      }
      c = Math.abs(r1 - r2);
      m = Math.pow(10, Math.max(r1, r2));
      if (c > 0) {
        var cm = Math.pow(10, c);
        if (r1 > r2) {
          arg1 = Number(arg1.toString().replace(".", ""));
          arg2 = Number(arg2.toString().replace(".", "")) * cm;
        } else {
          arg1 = Number(arg1.toString().replace(".", "")) * cm;
          arg2 = Number(arg2.toString().replace(".", ""));
        }
      } else {
        arg1 = Number(arg1.toString().replace(".", ""));
        arg2 = Number(arg2.toString().replace(".", ""));
      }
      return (arg1 + arg2) / m;
    },
    getqfx: function() {
      axios.get("/own/system/get").then(response => {
        if (response.data.msg.code == 0) {
          this.is_qfx = response.data.data.is_qfx;
        } else {
          this.$message.error(response.data.msg.info);
        }
      });
    },
    //切换tab
    choosetabbtn(i) {
      console.log("11111111111111", i);
      this.nowtab = i;
      this.search.page = 1;
      if (i == 1) {
        this.search.inventory_low = "0";
      }
      if (i == 2) {
        this.search.inventory_low = "1";
      }
      this.getlist();
    },
    //打开设置库存弹窗
    shezhikucun: function(item) {
      console.log("item11111", item);
      this.log4 = true;
      this.kucunall = {
        id: item.id,
        inventory: item.inventory
      };
    },
    //设置库存确认
    shezhikucungo() {
      console.log("this.kucunall", this.kucunall);
      axios.post("/own/page/update", this.kucunall).then(response => {
        if (response.data.msg.code == 0) {
          this.$message.success("库存修改成功");
          this.log4 = false;
          this.getlist();
        } else {
          this.$message.error(response.data.msg.info);
        }
      });
    }
  },
  computed: {
    computedValue: {
      get() {
        // console.log(this.jhstatethis.is_qfx);

        if (this.is_qfx == 0) {
          return this.jhstate;
        } else if (this.is_qfx == 1) {
          if (this.jhstate == "10") {
            return "";
          } else {
            return this.jhstate;
          }
        }
      },
      set(value) {
        console.log("仔细看");

        this.jhstate = value;
      }
    }
  }
};
</script>


<style scoped lang="less">
.sortBtn {
  display: flex;
  border-radius: 30px;
  justify-content: center;
  background-color: #e4edff;
  width: 100px;
}
.gongyingshangshangpin {
  .sxjact {
    background: rgb(0, 90, 255);
    border-radius: 30px;
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    color: rgb(255, 255, 255);
    width: 150px;
    height: 60px;
    margin-right: 30px;
  }
  .sxj {
    background: rgb(227, 232, 241);
    border-radius: 30px;
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    color: rgb(175, 179, 188);
    width: 150px;
    height: 60px;
    margin-right: 30px;
  }

  .sxjactsj {
    background: rgb(0, 90, 255);
    border-radius: 0.3rem;
    text-align: center;
    font-weight: 500;
    color: rgb(255, 255, 255);
    width: 3.3rem;
    height: 0.7rem;
  }
  .sxjsj {
    background: rgb(227, 232, 241);
    border-radius: 0.3rem;
    text-align: center;
    font-weight: 500;
    color: rgb(175, 179, 188);
    width: 3.3rem;
    height: 0.7rem;
  }

  .xt {
    margin-right: 10px;
    border-radius: 5px;
    font-size: 12px;
    padding: 5px 10px;
  }
  .lj {
    width: 90px;
    height: 32px;
    color: rgb(64, 66, 71);
    background: rgb(227, 232, 241);
    border-radius: 16px;
    margin-right: 10px;
    font-size: 14px;
    cursor: pointer;
  }
  .united {
    width: 70px;
    height: 32px;
    color: rgb(64, 66, 71);
    background: rgb(227, 232, 241);
    border-radius: 16px;
    margin-right: 10px;
    font-size: 14px;
    cursor: pointer;
    line-height: 32px;
    text-align: center;
  }
  .ljact {
    width: 90px;
    height: 32px;
    color: rgb(0, 90, 255);
    background: rgb(228, 237, 255);
    border-radius: 16px;
    margin-right: 10px;
    font-size: 14px;
    cursor: pointer;
  }
  .bushi3 {
    margin-right: 20px;
  }

  .sw {
    /deep/ .el-switch__core {
      width: 85px !important;
      height: 41px;
      border-radius: 20px;
      background: rgb(246, 248, 251);
      border: 1px solid rgb(227, 232, 241);
    }
    /deep/ .el-switch.is-checked .el-switch__core {
      border-color: #409eff !important;
      background-color: #409eff !important;
    }
    /deep/ .el-switch.is-checked .el-switch__core::after {
      margin-left: -33px;
      left: 100% !important;
    }
    /deep/ .el-switch__core:after {
      width: 31px;
      height: 31px;
      top: 4px;
      left: 4px;
      background: rgb(227, 232, 241);
    }
  }

  .qrcode img {
    max-width: 100%;
  }
}

.tupiancss .img {
}
</style>
<style scoped>
.t_yj_title {
  width: 150px;
}
.t_radio_box {
  width: 200px;
}
.t_flex_w {
  display: flex;
  flex-wrap: wrap;
}
.t_set_js_titles {
  display: flex;
  padding: 0 20px;
}
.t_set_js_title {
  display: flex;
  justify-content: space-around;
  padding: 0 20px;
}
.t_set_js_j1 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 10px 20px;
  background-color: #fafafa;
  margin-top: 10px;
}
.t_set_js_j1s {
  width: 100%;
  display: flex;
  display: flex;
  align-items: center;
  /* padding: 10px 20px; */
  margin-top: 10px;
}
.t_set_js_j2 {
  display: flex;
  align-items: center;
  justify-content: space-around;

  padding: 10px 20px;
  background-color: #fafafa;
  margin-top: 10px;
}
.t_set_js_j2s {
  display: flex;
  align-items: center;
  /* padding: 10px 20px; */
  margin-top: 10px;
}
.t_set_js {
  margin-left: 20px;
}
.t_one_row {
  width: 150px;
  text-align: center;
}
.t_one_row2 {
  width: 80px;
  text-align: center;
}
.t_two_row {
  width: 260px;
}
.t_three_row {
  width: 100px;
}
.t_set_js_input {
  width: 100px;
  margin-left: 5px;
  margin-bottom: 5px;
}
.t_list_tab_box {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  align-items: center;
}
.t_choose_tab_box {
  display: flex;
}
.t_tab_title {
  color: #020c1d;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.t_tab_title_lei {
  color: #005aff;
}
.t_under_line {
  width: 30px;
  height: 2px;
  background-color: #f6f8fb;
  margin-top: 10px;
}
.t_under_line_lei {
  background-color: #005aff;
}
.search_container {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  height: 98.5px;
  background: white;
  width: 100%;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
}
.search_input {
  width: 295px;
  height: 37px;
  position: relative;
}
.search_img {
  width: 12.7px;
  height: 12.8px;
  position: absolute;
  z-index: 9999;
  left: 62px;
  top: 75px;
}
/* /deep/ .el-input__inner {
  padding-left: 0;
} */

.search_btn {
  background: rgb(0, 90, 255);
  height: 30px;
  width: 60px;
  border-radius: 41px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clear_img {
  height: 24.61px;
  width: 24.61px;
  margin-left: 15px;
  margin-top: 5px;
}

.term_input::placeholder {
  font-size: 12px; /* 设置placeholder文字大小 */
  color: #909090; /* 设置placeholder文字颜色 */
}
.cancel {
  flex: 1;
  background: #e3e8f1;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  width: 165px;
  color: #020c1d;
}
.onOK {
  flex: 1;
  background: #005aff;
  border-radius: 25px;
  height: 50px;
  width: 165px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
.input_conatinaer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.input_conatinaers {
  display: flex;
  align-items: center;
}
.input_box {
  width: 100%;
  height: 50px;
  background: #f6f8fb;
  border: 0;
  border-radius: 15px;
  padding-left: 15px;
    padding-right: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/deep/ .sortinput .el-input__inner{
   width: 320px !important;
}
.input_boxs {
  width: 100%;
  height: 50px;
  background: #f6f8fb;
  border: 0;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 10px;
  padding-left: 10px;
}
.input_Recharge {
  width: 100px;
  height: 50px;
  background: #f6f8fb;
  border: 0;
  border-radius: 0 15px 15px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 10px;
  padding-left: 10px;
}
.outweigh {
  height: 50px;
  width: 160px;
  background: #f6f8fb;
  border-radius: 15px 0 0 15px;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
/deep/ .RechargeInpt .el-input__inner {
  width: 70px !important;
  margin-top: 5px;
  margin-left: 10px;
  border: 0 !important;
}
.more {
  width: 60px;
  height: 33px;
  background: #e9f1ff;
  color: #2757ff;
  border-radius: 30px;
  line-height: 33px;
  text-align: center;
}
/deep/.Minput .el-input__inner {
  width: 160px !important;
  height: 35px !important;
  border: none !important;
  padding-left: 0;
}
/* /deep/ .el-input {
  width: 170px !important;
} */
.input_container {
  width: 90%;
  height: 41px;
  background: #f6f8fb;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border: 1px solid #e3e8f1;
  padding-right: 4px;
   padding-left: 2px;
}
.sift_container {
  display: flex;
  font-size: 12px;
  height: 45px;
  color: #787d85;
  justify-content: space-between;
  align-items: center;
}
.commission_interval {
  width: 100%;
  font-size: 12px;
  display: flex;
  margin-top: 10px;
  justify-content: space-between;
  color: #787d85;
  flex-wrap: wrap;
}
.commission_item {
  height: 35px;
  width: 78px;
  border: 1px solid #e3e8f1;
  border-radius: 10px;
  background: #f6f8fb;
  line-height: 35px;
  text-align: center;
}
.commission_input {
  width: 78px;
  height: 35px;
  border: 1px solid #e3e8f1;
  border-radius: 10px;
  background: #f6f8fb;
  text-align: center;
}
/deep/ .commissonInpt .el-input__inner {
  width: 240px !important;
  margin-top: 5px;
  margin-left: 10px;
  border: 0 !important;
}
.commission_input::placeholder {
  font-size: 12px;
  color: #909090;
}
.cancel {
  flex: 1;
  background: #e3e8f1;
  border-radius: 25px;
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #020c1d;
}
.onOK {
  flex: 1;
  background: #005aff;
  border-radius: 25px;
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
.sale_commssion {
  width: 100%;
  background: rgb(243, 245, 249);
  height: 55px;
  border-radius: 15px;
  margin-top: 8px;
  padding: 0 15px;
}
.inStore {
  width: 100%;
  background: #005aff;
  color: white;
  height: 45px;
  text-align: center;
  line-height: 45px;
  font-size: 16px;
  border-radius: 25px;
  margin-top: 50px;
}
.chongzhi{
  width:300px ;
  align-items: center;

}

/deep/.chongzhi .el-input__inner{
  width: 100px !important;
}
.commission_input_layout{
  width: 100%;
  background: red;
  height: 50px;
  border-radius:10px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #F6F8FB;
}
/deep/ .commission_input_layout .el-input__inner{
  border: 0 !important;
  width: 200px !important;
}
.tabs_container {
  display: flex;
  width: 100%;
  height: 44px;
  background: white;
  padding: 0 15px;
}
.wares {
  font-size: 20px;
  color: #020c1d;
  font-weight: bold;
  margin-top: 20px;
  font-family: "PingFang SC";
}
.initial {
  font-size: 17px;
  color: #afb3bc;
  margin-top: 20px;
}
.footer_tabs {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2000;
}
/deep/ .t_flex_ws .el-input__inner{
  width: 320px !important;
}


/deep/ .sore_input .el-input__inner{
  border: 0 !important;
  margin-top: 4px;
}
.jg-file-viewer{
  z-index: 9990 !important;
}
/deep/ .order_input .el-input__inner{
 width: 100px !important;
}
/deep/ .set_input .el-input__inner{
  width: 360px !important;
}


</style>

